Palette 5: Double Barn | Architecture Colors
Architecture Colors

Color Palette • View 5

Double Barn — House

576573
Copy As
HEX #576573
RGB rgb(87,101,115)
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
647B8F
Copy As
HEX #647B8F
RGB rgb(100,123,143)
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
45535F
Copy As
HEX #45535F
RGB rgb(69,83,95)
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
535C53
Copy As
HEX #535C53
RGB rgb(83,92,83)
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
4D4D39
Copy As
HEX #4D4D39
RGB rgb(77,77,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
3A3E3B
Copy As
HEX #3A3E3B
RGB rgb(58,62,59)
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
696235
Copy As
HEX #696235
RGB rgb(105,98,53)
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
32414F
Copy As
HEX #32414F
RGB rgb(50,65,79)
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
#576573
#647B8F
#45535F
#535C53
#4D4D39
#3A3E3B
#696235
#32414F
Double Barn

This palette is from

Double Barn

House

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#576573
Dim Gray
28.3% Gray
Web Formats
HEX #576573
RGB 87,101,115
HSL hsl(210, 14%, 40%)
HWB hwb(210, 34%, 55%)
Print & Design
CMYK cmyk(24%, 12%, 0%, 55%)
HSV hsv(210, 24%, 45%)
Perceptual (Color Science)
LAB lab(42.11, -1.91, -9.63)
LCH lch(42.11, 9.82, 258.8°)
XYZ xyz(11.68, 12.57, 18.03)
OKLab oklab(0.5001, -0.0104, -0.0262)
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.1257
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
#746658
Complementary
of Dim Gray
#585874
Analogous
of Dim Gray
#587474
Analogous
of Dim Gray
#7C8C9C
Lighter Tint
of Dim Gray
#A8B3BD
Lighter Tint
of Dim Gray
#D3D9DE
Lighter Tint
of Dim Gray
#374049
Darker Shade
of Dim Gray
#161A1D
Darker Shade
of Dim Gray
#0B0D0F
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#647B8F
Slate Gray
14.0% Gray
Web Formats
HEX #647B8F
RGB 100,123,143
HSL hsl(208, 18%, 48%)
HWB hwb(208, 39%, 44%)
Print & Design
CMYK cmyk(30%, 14%, 0%, 44%)
HSV hsv(208, 30%, 56%)
Perceptual (Color Science)
LAB lab(50.52, -3.39, -13.56)
LCH lch(50.52, 13.98, 256°)
XYZ xyz(17.29, 18.86, 28.71)
OKLab oklab(0.572, -0.0174, -0.0371)
Accessibility (WCAG 2.1)
Aa
On White
4.40:1
Large Only
Aa
On Black
4.77:1
AA Pass
Aa
White on Color
4.40:1
Large Only
Aa
Black on Color
4.77:1
AA Pass
18.9%
Relative Luminance
0.1886
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
#907964
Complementary
of Slate Gray
#646690
Analogous
of Slate Gray
#64908F
Analogous
of Slate Gray
#90A2B2
Lighter Tint
of Slate Gray
#BDC8D1
Lighter Tint
of Slate Gray
#EAEDF0
Lighter Tint
of Slate Gray
#455563
Darker Shade
of Slate Gray
#262E36
Darker Shade
of Slate Gray
#0A0D0F
Darker Shade
of Slate Gray
Slate Gray
Named Color
Discover the Hue
#45535F
Dark Slate Gray
13.3% Gray
Web Formats
HEX #45535F
RGB 69,83,95
HSL hsl(208, 16%, 32%)
HWB hwb(208, 27%, 63%)
Print & Design
CMYK cmyk(27%, 13%, 0%, 63%)
HSV hsv(208, 27%, 37%)
Perceptual (Color Science)
LAB lab(34.55, -2.38, -8.78)
LCH lch(34.55, 9.1, 254.8°)
XYZ xyz(7.61, 8.28, 12.02)
OKLab oklab(0.4348, -0.0115, -0.024)
Accessibility (WCAG 2.1)
Aa
On White
7.91:1
AAA Pass
Aa
On Black
2.66:1
Fail
Aa
White on Color
7.91:1
AAA Pass
Aa
Black on Color
2.66:1
Fail
8.3%
Relative Luminance
0.0828
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
#5F5145
Complementary
of Dark Slate Gray
#45455F
Analogous
of Dark Slate Gray
#455F5E
Analogous
of Dark Slate Gray
#65798B
Lighter Tint
of Dark Slate Gray
#8F9FAE
Lighter Tint
of Dark Slate Gray
#BBC5CE
Lighter Tint
of Dark Slate Gray
#242C32
Darker Shade
of Dark Slate Gray
#0B0D0F
Darker Shade
of Dark Slate Gray
#0B0D0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#535C53
Dim Gray
11.3% Gray
Web Formats
HEX #535C53
RGB 83,92,83
HSL hsl(120, 5%, 34%)
HWB hwb(120, 33%, 64%)
Print & Design
CMYK cmyk(10%, 0%, 10%, 64%)
HSV hsv(120, 10%, 36%)
Perceptual (Color Science)
LAB lab(38.05, -5.47, 3.98)
LCH lch(38.05, 6.76, 143.9°)
XYZ xyz(8.96, 10.12, 9.66)
OKLab oklab(0.464, -0.015, 0.0104)
Accessibility (WCAG 2.1)
Aa
On White
6.95:1
AA Pass
Aa
On Black
3.02:1
Large Only
Aa
White on Color
6.95:1
AA Pass
Aa
Black on Color
3.02:1
Large Only
10.1%
Relative Luminance
0.1012
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
#5B525B
Complementary
of Dim Gray
#525B57
Analogous
of Dim Gray
#575B52
Analogous
of Dim Gray
#778377
Lighter Tint
of Dim Gray
#9FA89F
Lighter Tint
of Dim Gray
#C7CCC7
Lighter Tint
of Dim Gray
#2E332E
Darker Shade
of Dim Gray
#0C0D0C
Darker Shade
of Dim Gray
#0C0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#4D4D39
Dark Slate Gray
10.8% Gray
Web Formats
HEX #4D4D39
RGB 77,77,57
HSL hsl(60, 15%, 26%)
HWB hwb(60, 22%, 70%)
Print & Design
CMYK cmyk(0%, 0%, 26%, 70%)
HSV hsv(60, 26%, 30%)
Perceptual (Color Science)
LAB lab(32.22, -3.85, 11.91)
LCH lch(32.22, 12.52, 107.9°)
XYZ xyz(6.45, 7.18, 4.92)
OKLab oklab(0.4143, -0.0096, 0.0302)
Accessibility (WCAG 2.1)
Aa
On White
8.62:1
AAA Pass
Aa
On Black
2.44:1
Fail
Aa
White on Color
8.62:1
AAA Pass
Aa
Black on Color
2.44:1
Fail
7.2%
Relative Luminance
0.0718
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
#38384C
Complementary
of Dark Slate Gray
#424C38
Analogous
of Dark Slate Gray
#4C4238
Analogous
of Dark Slate Gray
#787859
Lighter Tint
of Dark Slate Gray
#A0A07E
Lighter Tint
of Dark Slate Gray
#C0C0AA
Lighter Tint
of Dark Slate Gray
#202018
Darker Shade
of Dark Slate Gray
#0F0F0B
Darker Shade
of Dark Slate Gray
#0F0F0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#3A3E3B
Dark Slate Gray
10.2% Gray
Web Formats
HEX #3A3E3B
RGB 58,62,59
HSL hsl(135, 3%, 24%)
HWB hwb(135, 23%, 76%)
Print & Design
CMYK cmyk(6%, 0%, 5%, 76%)
HSV hsv(135, 6%, 24%)
Perceptual (Color Science)
LAB lab(25.74, -2.37, 1.26)
LCH lch(25.74, 2.69, 152°)
XYZ xyz(4.26, 4.66, 4.81)
OKLab oklab(0.359, -0.0066, 0.0033)
Accessibility (WCAG 2.1)
Aa
On White
10.87:1
AAA Pass
Aa
On Black
1.93:1
Fail
Aa
White on Color
10.87:1
AAA Pass
Aa
Black on Color
1.93:1
Fail
4.7%
Relative Luminance
0.0466
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.

Color Relationships & Derivatives
#3F3B3E
Complementary
of Dark Slate Gray
#3B3F3E
Analogous
of Dark Slate Gray
#3C3F3B
Analogous
of Dark Slate Gray
#606662
Lighter Tint
of Dark Slate Gray
#868D88
Lighter Tint
of Dark Slate Gray
#AEB2AF
Lighter Tint
of Dark Slate Gray
#161817
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
#0C0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#696235
Dark Olive Green
6.3% Green
Web Formats
HEX #696235
RGB 105,98,53
HSL hsl(52, 33%, 31%)
HWB hwb(52, 21%, 59%)
Print & Design
CMYK cmyk(0%, 7%, 50%, 59%)
HSV hsv(52, 50%, 41%)
Perceptual (Color Science)
LAB lab(41.21, -4.15, 26.49)
LCH lch(41.21, 26.81, 98.9°)
XYZ xyz(10.84, 12, 5.11)
OKLab oklab(0.4918, -0.0119, 0.0635)
Accessibility (WCAG 2.1)
Aa
On White
6.18:1
AA Pass
Aa
On Black
3.40:1
Large Only
Aa
White on Color
6.18:1
AA Pass
Aa
Black on Color
3.40:1
Large Only
12.0%
Relative Luminance
0.1200
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
#353C69
Complementary
of Dark Olive Green
#566935
Analogous
of Dark Olive Green
#694835
Analogous
of Dark Olive Green
#9C924F
Lighter Tint
of Dark Olive Green
#BCB47B
Lighter Tint
of Dark Olive Green
#D6D1AE
Lighter Tint
of Dark Olive Green
#36331B
Darker Shade
of Dark Olive Green
#111009
Darker Shade
of Dark Olive Green
#111009
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#32414F
Dark Slate Gray
5.7% Gray
Web Formats
HEX #32414F
RGB 50,65,79
HSL hsl(209, 22%, 25%)
HWB hwb(209, 20%, 69%)
Print & Design
CMYK cmyk(37%, 18%, 0%, 69%)
HSV hsv(209, 37%, 31%)
Perceptual (Color Science)
LAB lab(26.8, -2.05, -10.4)
LCH lch(26.8, 10.6, 258.8°)
XYZ xyz(4.62, 5.02, 8.12)
OKLab oklab(0.3681, -0.0122, -0.0286)
Accessibility (WCAG 2.1)
Aa
On White
10.48:1
AAA Pass
Aa
On Black
2.00:1
Fail
Aa
White on Color
10.48:1
AAA Pass
Aa
Black on Color
2.00:1
Fail
5.0%
Relative Luminance
0.0502
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
#4E3F32
Complementary
of Dark Slate Gray
#32324E
Analogous
of Dark Slate Gray
#324E4D
Analogous
of Dark Slate Gray
#50677C
Lighter Tint
of Dark Slate Gray
#738DA5
Lighter Tint
of Dark Slate Gray
#A2B3C3
Lighter Tint
of Dark Slate Gray
#141A1F
Darker Shade
of Dark Slate Gray
#0A0D10
Darker Shade
of Dark Slate Gray
#0A0D10
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue