Palette 3: Cosmic Creek | Color Chips
Color Chips

Color Palette • View 3

Cosmic Creek — Commercial Architecture

9EC6F2
Copy As
HEX #9EC6F2
RGB rgb(158,198,242)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
595D2D
Copy As
HEX #595D2D
RGB rgb(89,93,45)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
5D6C1D
Copy As
HEX #5D6C1D
RGB rgb(93,108,29)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
485415
Copy As
HEX #485415
RGB rgb(72,84,21)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
707640
Copy As
HEX #707640
RGB rgb(112,118,64)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
45402C
Copy As
HEX #45402C
RGB rgb(69,64,44)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
E9E0DD
Copy As
HEX #E9E0DD
RGB rgb(233,224,221)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
888583
Copy As
HEX #888583
RGB rgb(136,133,131)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
#9EC6F2
#595D2D
#5D6C1D
#485415
#707640
#45402C
#E9E0DD
#888583
Cosmic Creek

This palette is from

Cosmic Creek

Commercial Architecture

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#9EC6F2
Sky Blue
29.4% Blue
Web Formats
HEX #9EC6F2
RGB 158,198,242
HSL hsl(211, 76%, 78%)
HWB hwb(211, 62%, 5%)
Print & Design
CMYK cmyk(35%, 18%, 0%, 5%)
HSV hsv(211, 35%, 95%)
Perceptual (Color Science)
LAB lab(78.5, -2.85, -25.99)
LCH lch(78.5, 26.15, 263.7°)
XYZ xyz(50.32, 54.07, 91.77)
OKLab oklab(0.8133, -0.0244, -0.0717)
Accessibility (WCAG 2.1)
Aa
On White
1.78:1
Fail
Aa
On Black
11.81:1
AAA Pass
Aa
White on Color
1.78:1
Fail
Aa
Black on Color
11.81:1
AAA Pass
54.1%
Relative Luminance
0.5407
Mid-tone

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#F2C89C
Complementary
of Sky Blue
#9E9CF2
Analogous
of Sky Blue
#9CF0F2
Analogous
of Sky Blue
#E0EDFB
Lighter Tint
of Sky Blue
#E9F2FC
Lighter Tint
of Sky Blue
#E9F2FC
Lighter Tint
of Sky Blue
#599EE8
Darker Shade
of Sky Blue
#1D77D7
Darker Shade
of Sky Blue
#145294
Darker Shade
of Sky Blue
Sky Blue
Named Color
Discover the Hue
#595D2D
Dark Olive Green
15.2% Green
Web Formats
HEX #595D2D
RGB 89,93,45
HSL hsl(65, 35%, 27%)
HWB hwb(65, 18%, 64%)
Print & Design
CMYK cmyk(4%, 0%, 52%, 64%)
HSV hsv(65, 52%, 36%)
Perceptual (Color Science)
LAB lab(38.1, -9.51, 26.83)
LCH lch(38.1, 28.47, 109.5°)
XYZ xyz(8.51, 10.14, 3.99)
OKLab oklab(0.463, -0.0271, 0.0638)
Accessibility (WCAG 2.1)
Aa
On White
6.93:1
AA Pass
Aa
On Black
3.03:1
Large Only
Aa
White on Color
6.93:1
AA Pass
Aa
Black on Color
3.03:1
Large Only
10.1%
Relative Luminance
0.1014
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#312D5D
Complementary
of Dark Olive Green
#415D2D
Analogous
of Dark Olive Green
#5D492D
Analogous
of Dark Olive Green
#8A9146
Lighter Tint
of Dark Olive Green
#B1B86B
Lighter Tint
of Dark Olive Green
#CCD19F
Lighter Tint
of Dark Olive Green
#282914
Darker Shade
of Dark Olive Green
#101108
Darker Shade
of Dark Olive Green
#101108
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#5D6C1D
Dark Olive Green
11.3% Green
Web Formats
HEX #5D6C1D
RGB 93,108,29
HSL hsl(71, 58%, 27%)
HWB hwb(71, 11%, 58%)
Print & Design
CMYK cmyk(14%, 0%, 73%, 58%)
HSV hsv(71, 73%, 42%)
Perceptual (Color Science)
LAB lab(42.97, -17.39, 40.18)
LCH lch(42.97, 43.78, 113.4°)
XYZ xyz(10.1, 13.14, 3.17)
OKLab oklab(0.5025, -0.0513, 0.0901)
Accessibility (WCAG 2.1)
Aa
On White
5.79:1
AA Pass
Aa
On Black
3.63:1
Large Only
Aa
White on Color
5.79:1
AA Pass
Aa
Black on Color
3.63:1
Large Only
13.1%
Relative Luminance
0.1314
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#2C1D6D
Complementary
of Dark Olive Green
#366D1D
Analogous
of Dark Olive Green
#6D531D
Analogous
of Dark Olive Green
#92A92D
Lighter Tint
of Dark Olive Green
#BAD152
Lighter Tint
of Dark Olive Green
#D2E18E
Lighter Tint
of Dark Olive Green
#2A300D
Darker Shade
of Dark Olive Green
#111405
Darker Shade
of Dark Olive Green
#111405
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#485415
Dark Olive Green
9.9% Green
Web Formats
HEX #485415
RGB 72,84,21
HSL hsl(71, 60%, 21%)
HWB hwb(71, 8%, 67%)
Print & Design
CMYK cmyk(14%, 0%, 75%, 67%)
HSV hsv(71, 75%, 33%)
Perceptual (Color Science)
LAB lab(33.5, -14.54, 33.53)
LCH lch(33.5, 36.54, 113.4°)
XYZ xyz(5.98, 7.77, 1.89)
OKLab oklab(0.4218, -0.0428, 0.0753)
Accessibility (WCAG 2.1)
Aa
On White
8.22:1
AAA Pass
Aa
On Black
2.55:1
Fail
Aa
White on Color
8.22:1
AAA Pass
Aa
Black on Color
2.55:1
Fail
7.8%
Relative Luminance
0.0777
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#211556
Complementary
of Dark Olive Green
#2A5615
Analogous
of Dark Olive Green
#564115
Analogous
of Dark Olive Green
#7F9325
Lighter Tint
of Dark Olive Green
#B2CD37
Lighter Tint
of Dark Olive Green
#C9DC74
Lighter Tint
of Dark Olive Green
#151806
Darker Shade
of Dark Olive Green
#121405
Darker Shade
of Dark Olive Green
#121405
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#707640
Dark Olive Green
9.0% Green
Web Formats
HEX #707640
RGB 112,118,64
HSL hsl(67, 30%, 36%)
HWB hwb(67, 25%, 54%)
Print & Design
CMYK cmyk(5%, 0%, 46%, 54%)
HSV hsv(67, 46%, 46%)
Perceptual (Color Science)
LAB lab(47.97, -11.14, 28.88)
LCH lch(47.97, 30.96, 111.1°)
XYZ xyz(14.09, 16.77, 7.34)
OKLab oklab(0.5476, -0.0312, 0.0696)
Accessibility (WCAG 2.1)
Aa
On White
4.82:1
AA Pass
Aa
On Black
4.35:1
Large Only
Aa
White on Color
4.82:1
AA Pass
Aa
Black on Color
4.35:1
Large Only
16.8%
Relative Luminance
0.1677
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#474077
Complementary
of Dark Olive Green
#557740
Analogous
of Dark Olive Green
#776240
Analogous
of Dark Olive Green
#9FA85D
Lighter Tint
of Dark Olive Green
#BCC28E
Lighter Tint
of Dark Olive Green
#DADDC0
Lighter Tint
of Dark Olive Green
#424625
Darker Shade
of Dark Olive Green
#13140B
Darker Shade
of Dark Olive Green
#101109
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#45402C
Dark Slate Gray
8.8% Gray
Web Formats
HEX #45402C
RGB 69,64,44
HSL hsl(48, 22%, 22%)
HWB hwb(48, 17%, 73%)
Print & Design
CMYK cmyk(0%, 7%, 36%, 73%)
HSV hsv(48, 36%, 27%)
Perceptual (Color Science)
LAB lab(27.06, -1.52, 13.04)
LCH lch(27.06, 13.13, 96.6°)
XYZ xyz(4.74, 5.11, 3.12)
OKLab oklab(0.3707, -0.0033, 0.0326)
Accessibility (WCAG 2.1)
Aa
On White
10.38:1
AAA Pass
Aa
On Black
2.02:1
Fail
Aa
White on Color
10.38:1
AAA Pass
Aa
Black on Color
2.02:1
Fail
5.1%
Relative Luminance
0.0511
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#2C3144
Complementary
of Dark Slate Gray
#3D442C
Analogous
of Dark Slate Gray
#44332C
Analogous
of Dark Slate Gray
#736B4A
Lighter Tint
of Dark Slate Gray
#A0956A
Lighter Tint
of Dark Slate Gray
#BDB698
Lighter Tint
of Dark Slate Gray
#16140E
Darker Shade
of Dark Slate Gray
#100E0A
Darker Shade
of Dark Slate Gray
#100E0A
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#E9E0DD
Gainsboro
8.9% Gray
Web Formats
HEX #E9E0DD
RGB 233,224,221
HSL hsl(15, 21%, 89%)
HWB hwb(15, 87%, 9%)
Print & Design
CMYK cmyk(0%, 4%, 5%, 9%)
HSV hsv(15, 5%, 91%)
Perceptual (Color Science)
LAB lab(89.79, 2.54, 2.55)
LCH lch(89.79, 3.6, 45.2°)
XYZ xyz(73.31, 75.86, 79.17)
OKLab oklab(0.913, 0.0083, 0.0068)
Accessibility (WCAG 2.1)
Aa
On White
1.30:1
Fail
Aa
On Black
16.17:1
AAA Pass
Aa
White on Color
1.30:1
Fail
Aa
Black on Color
16.17:1
AAA Pass
75.9%
Relative Luminance
0.7586
Light

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#DDE6E9
Complementary
of Gainsboro
#E9E6DD
Analogous
of Gainsboro
#E9DDE0
Analogous
of Gainsboro
#F5F1F0
Lighter Tint
of Gainsboro
#F5F1F0
Lighter Tint
of Gainsboro
#F5F1F0
Lighter Tint
of Gainsboro
#CBB6AF
Darker Shade
of Gainsboro
#AC8B80
Darker Shade
of Gainsboro
#886459
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#888583
Gray
7.5% Gray
Web Formats
HEX #888583
RGB 136,133,131
HSL hsl(24, 2%, 52%)
HWB hwb(24, 51%, 47%)
Print & Design
CMYK cmyk(0%, 2%, 4%, 47%)
HSV hsv(24, 4%, 53%)
Perceptual (Color Science)
LAB lab(55.73, 0.73, 1.47)
LCH lch(55.73, 1.64, 63.5°)
XYZ xyz(22.64, 23.65, 24.84)
OKLab oklab(0.6187, 0.0026, 0.0039)
Accessibility (WCAG 2.1)
Aa
On White
3.67:1
Large Only
Aa
On Black
5.73:1
AA Pass
Aa
White on Color
3.67:1
Large Only
Aa
Black on Color
5.73:1
AA Pass
23.7%
Relative Luminance
0.2365
Mid-tone

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#828587
Complementary
of Gray
#878782
Analogous
of Gray
#878283
Analogous
of Gray
#ADABA9
Lighter Tint
of Gray
#D2D1D0
Lighter Tint
of Gray
#F3F2F2
Lighter Tint
of Gray
#605E5C
Darker Shade
of Gray
#393837
Darker Shade
of Gray
#121211
Darker Shade
of Gray
Gray
Named Color
Discover the Hue