Palette 5: Design #126996 | Architecture Colors

Color Palette • View 5

Design #126996

586570
Copy As
HEX #586570
RGB rgb(88,101,112)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
412C19
Copy As
HEX #412C19
RGB rgb(65,44,25)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
687884
Copy As
HEX #687884
RGB rgb(104,120,132)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
7A614B
Copy As
HEX #7A614B
RGB rgb(122,97,75)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
6B4F39
Copy As
HEX #6B4F39
RGB rgb(107,79,57)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
8D7B6A
Copy As
HEX #8D7B6A
RGB rgb(141,123,106)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
748794
Copy As
HEX #748794
RGB rgb(116,135,148)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
291C13
Copy As
HEX #291C13
RGB rgb(41,28,19)
HSL
Notice: Undefined index: HSL in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/architecturecolors.com/public_html/index.php on line 6321
Download
SVG PNG
#586570
#412C19
#687884
#7A614B
#6B4F39
#8D7B6A
#748794
#291C13

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.


Dim Gray
18.7% Gray
Web Formats
HEX #586570
RGB 88,101,112
HSL hsl(208, 12%, 39%)
HWB hwb(208, 35%, 56%)
Print & Design
CMYK cmyk(21%, 10%, 0%, 56%)
HSV hsv(208, 21%, 44%)
Perceptual (Color Science)
LAB lab(42.08, -2.31, -7.85)
LCH lch(42.08, 8.18, 253.6°)
XYZ xyz(11.6, 12.55, 17.14)
OKLab oklab(0.4997, -0.0105, -0.0213)
Accessibility (WCAG 2.1)
Aa
On White
5.98:1
AA Pass
Aa
On Black
3.51:1
Large Only
Aa
White on Color
5.98:1
AA Pass
Aa
Black on Color
3.51:1
Large Only
12.6%
Relative Luminance
0.1255
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.


Dark Slate Gray
15.7% Gray
Web Formats
HEX #412C19
RGB 65,44,25
HSL hsl(29, 44%, 18%)
HWB hwb(29, 10%, 75%)
Print & Design
CMYK cmyk(0%, 32%, 62%, 75%)
HSV hsv(29, 62%, 25%)
Perceptual (Color Science)
LAB lab(20.03, 7.11, 16.1)
LCH lch(20.03, 17.6, 66.2°)
XYZ xyz(3.26, 3, 1.33)
OKLab oklab(0.3132, 0.0203, 0.0386)
Accessibility (WCAG 2.1)
Aa
On White
13.13:1
AAA Pass
Aa
On Black
1.60:1
Fail
Aa
White on Color
13.13:1
AAA Pass
Aa
Black on Color
1.60:1
Fail
3.0%
Relative Luminance
0.0300
Very 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.


Slate Gray
15.5% Gray
Web Formats
HEX #687884
RGB 104,120,132
HSL hsl(206, 12%, 46%)
HWB hwb(206, 41%, 48%)
Print & Design
CMYK cmyk(21%, 9%, 0%, 48%)
HSV hsv(206, 21%, 52%)
Perceptual (Color Science)
LAB lab(49.55, -3.1, -8.53)
LCH lch(49.55, 9.07, 250°)
XYZ xyz(16.59, 18.04, 24.43)
OKLab oklab(0.5638, -0.0131, -0.0231)
Accessibility (WCAG 2.1)
Aa
On White
4.56:1
AA Pass
Aa
On Black
4.61:1
AA Pass
Aa
White on Color
4.56:1
AA Pass
Aa
Black on Color
4.61:1
AA Pass
18.0%
Relative Luminance
0.1804
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.


Dim Gray
13.1% Gray
Web Formats
HEX #7A614B
RGB 122,97,75
HSL hsl(28, 24%, 39%)
HWB hwb(28, 29%, 52%)
Print & Design
CMYK cmyk(0%, 20%, 39%, 52%)
HSV hsv(28, 39%, 48%)
Perceptual (Color Science)
LAB lab(43.06, 6.78, 16.39)
LCH lch(43.06, 17.73, 67.5°)
XYZ xyz(13.57, 13.2, 8.49)
OKLab oklab(0.5117, 0.0211, 0.0412)
Accessibility (WCAG 2.1)
Aa
On White
5.77:1
AA Pass
Aa
On Black
3.64:1
Large Only
Aa
White on Color
5.77:1
AA Pass
Aa
Black on Color
3.64:1
Large Only
13.2%
Relative Luminance
0.1319
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.


Dark Olive Green
12.7% Green
Web Formats
HEX #6B4F39
RGB 107,79,57
HSL hsl(26, 30%, 32%)
HWB hwb(26, 22%, 58%)
Print & Design
CMYK cmyk(0%, 26%, 47%, 58%)
HSV hsv(26, 47%, 42%)
Perceptual (Color Science)
LAB lab(36.01, 8.65, 17.56)
LCH lch(36.01, 19.58, 63.8°)
XYZ xyz(9.6, 9.01, 5.1)
OKLab oklab(0.4516, 0.0259, 0.0434)
Accessibility (WCAG 2.1)
Aa
On White
7.49:1
AAA Pass
Aa
On Black
2.80:1
Fail
Aa
White on Color
7.49:1
AAA Pass
Aa
Black on Color
2.80:1
Fail
9.0%
Relative Luminance
0.0901
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.


Gray
8.9% Gray
Web Formats
HEX #8D7B6A
RGB 141,123,106
HSL hsl(29, 14%, 48%)
HWB hwb(29, 42%, 45%)
Print & Design
CMYK cmyk(0%, 13%, 25%, 45%)
HSV hsv(29, 25%, 55%)
Perceptual (Color Science)
LAB lab(52.81, 4.09, 11.85)
LCH lch(52.81, 12.54, 70.9°)
XYZ xyz(20.67, 20.87, 16.57)
OKLab oklab(0.5947, 0.0139, 0.0305)
Accessibility (WCAG 2.1)
Aa
On White
4.06:1
Large Only
Aa
On Black
5.17:1
AA Pass
Aa
White on Color
4.06:1
Large Only
Aa
Black on Color
5.17:1
AA Pass
20.9%
Relative Luminance
0.2087
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.


Light Slate Gray
8.1% Gray
Web Formats
HEX #748794
RGB 116,135,148
HSL hsl(204, 13%, 52%)
HWB hwb(204, 45%, 42%)
Print & Design
CMYK cmyk(22%, 9%, 0%, 42%)
HSV hsv(204, 22%, 58%)
Perceptual (Color Science)
LAB lab(55.26, -3.86, -9.24)
LCH lch(55.26, 10.01, 247.3°)
XYZ xyz(21.21, 23.18, 31.37)
OKLab oklab(0.6127, -0.0157, -0.0251)
Accessibility (WCAG 2.1)
Aa
On White
3.73:1
Large Only
Aa
On Black
5.64:1
AA Pass
Aa
White on Color
3.73:1
Large Only
Aa
Black on Color
5.64:1
AA Pass
23.2%
Relative Luminance
0.2318
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.


Black
7.3% Black
Web Formats
HEX #291C13
RGB 41,28,19
HSL hsl(25, 37%, 12%)
HWB hwb(25, 7%, 84%)
Print & Design
CMYK cmyk(0%, 32%, 54%, 84%)
HSV hsv(25, 54%, 16%)
Perceptual (Color Science)
LAB lab(11.61, 4.9, 8.58)
LCH lch(11.61, 9.88, 60.3°)
XYZ xyz(1.45, 1.35, 0.8)
OKLab oklab(0.2399, 0.0148, 0.0217)
Accessibility (WCAG 2.1)
Aa
On White
16.54:1
AAA Pass
Aa
On Black
1.27:1
Fail
Aa
White on Color
16.54:1
AAA Pass
Aa
Black on Color
1.27:1
Fail
1.4%
Relative Luminance
0.0135
Very 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.