The Bridge House - View 2 Palette | Design Hues
Design Hues

Color Palette • View 2

The Bridge House — private residential

24281F
Copy As
HEX #24281F
RGB rgb(36,40,31)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
ACBFD2
Copy As
HEX #ACBFD2
RGB rgb(172,191,210)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
3D4545
Copy As
HEX #3D4545
RGB rgb(61,69,69)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
C0D2DE
Copy As
HEX #C0D2DE
RGB rgb(192,210,222)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
75889D
Copy As
HEX #75889D
RGB rgb(117,136,157)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
8499AD
Copy As
HEX #8499AD
RGB rgb(132,153,173)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
50595C
Copy As
HEX #50595C
RGB rgb(80,89,92)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
32362F
Copy As
HEX #32362F
RGB rgb(50,54,47)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
#24281F
#ACBFD2
#3D4545
#C0D2DE
#75889D
#8499AD
#50595C
#32362F
The Bridge House

This palette is from

The Bridge House

private residential

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#24281F
Black
25.0% Black
Web Formats
HEX #24281F
RGB 36,40,31
HSL hsl(87, 13%, 14%)
HWB hwb(87, 12%, 84%)
Print & Design
CMYK cmyk(10%, 0%, 23%, 84%)
HSV hsv(87, 23%, 16%)
Perceptual (Color Science)
LAB lab(15.44, -3.91, 5.34)
LCH lch(15.44, 6.62, 126.3°)
XYZ xyz(1.73, 1.99, 1.59)
OKLab oklab(0.2696, -0.0104, 0.0137)
Accessibility (WCAG 2.1)
Aa
On White
15.02:1
AAA Pass
Aa
On Black
1.40:1
Fail
Aa
White on Color
15.02:1
AAA Pass
Aa
Black on Color
1.40:1
Fail
2.0%
Relative Luminance
0.0199
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
#231F28
Complementary
of Black
#20281F
Analogous
of Black
#28281F
Analogous
of Black
#4B5440
Lighter Tint
of Black
#727F62
Lighter Tint
of Black
#98A489
Lighter Tint
of Black
#0D0E0B
Darker Shade
of Black
#0D0E0B
Darker Shade
of Black
#0D0E0B
Darker Shade
of Black
Black
Named Color
Discover the Hue
#ACBFD2
Light Steel Blue
14.8% Blue
Web Formats
HEX #ACBFD2
RGB 172,191,210
HSL hsl(210, 30%, 75%)
HWB hwb(210, 67%, 18%)
Print & Design
CMYK cmyk(18%, 9%, 0%, 18%)
HSV hsv(210, 18%, 82%)
Perceptual (Color Science)
LAB lab(76.49, -2.5, -11.7)
LCH lch(76.49, 11.97, 258°)
XYZ xyz(47.27, 50.68, 68.25)
OKLab oklab(0.7963, -0.0126, -0.0317)
Accessibility (WCAG 2.1)
Aa
On White
1.89:1
Fail
Aa
On Black
11.14:1
AAA Pass
Aa
White on Color
1.89:1
Fail
Aa
Black on Color
11.14:1
AAA Pass
50.7%
Relative Luminance
0.5069
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
#D2BFAC
Complementary
of Light Steel Blue
#ACACD2
Analogous
of Light Steel Blue
#ACD2D2
Analogous
of Light Steel Blue
#DEE6ED
Lighter Tint
of Light Steel Blue
#EEF2F6
Lighter Tint
of Light Steel Blue
#EEF2F6
Lighter Tint
of Light Steel Blue
#7A99B8
Darker Shade
of Light Steel Blue
#507395
Darker Shade
of Light Steel Blue
#364D63
Darker Shade
of Light Steel Blue
Light Steel Blue
Named Color
Discover the Hue
#3D4545
Dark Slate Gray
11.9% Gray
Web Formats
HEX #3D4545
RGB 61,69,69
HSL hsl(180, 6%, 25%)
HWB hwb(180, 24%, 73%)
Print & Design
CMYK cmyk(12%, 0%, 0%, 73%)
HSV hsv(180, 12%, 27%)
Perceptual (Color Science)
LAB lab(28.58, -3.26, -1.11)
LCH lch(28.58, 3.45, 198.9°)
XYZ xyz(5.13, 5.68, 6.45)
OKLab oklab(0.3831, -0.0101, -0.003)
Accessibility (WCAG 2.1)
Aa
On White
9.83:1
AAA Pass
Aa
On Black
2.14:1
Fail
Aa
White on Color
9.83:1
AAA Pass
Aa
Black on Color
2.14:1
Fail
5.7%
Relative Luminance
0.0568
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
#443C3C
Complementary
of Dark Slate Gray
#3C4044
Analogous
of Dark Slate Gray
#3C4440
Analogous
of Dark Slate Gray
#606C6C
Lighter Tint
of Dark Slate Gray
#859393
Lighter Tint
of Dark Slate Gray
#AEB7B7
Lighter Tint
of Dark Slate Gray
#181B1B
Darker Shade
of Dark Slate Gray
#0C0E0E
Darker Shade
of Dark Slate Gray
#0C0E0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#C0D2DE
Light Blue
11.2% Blue
Web Formats
HEX #C0D2DE
RGB 192,210,222
HSL hsl(204, 31%, 81%)
HWB hwb(204, 75%, 13%)
Print & Design
CMYK cmyk(14%, 5%, 0%, 13%)
HSV hsv(204, 14%, 87%)
Perceptual (Color Science)
LAB lab(83.22, -3.64, -7.98)
LCH lch(83.22, 8.77, 245.5°)
XYZ xyz(57.97, 62.57, 78.12)
OKLab oklab(0.8539, -0.014, -0.0215)
Accessibility (WCAG 2.1)
Aa
On White
1.55:1
Fail
Aa
On Black
13.51:1
AAA Pass
Aa
White on Color
1.55:1
Fail
Aa
Black on Color
13.51:1
AAA Pass
62.6%
Relative Luminance
0.6257
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
#DECCC0
Complementary
of Light Blue
#C0C3DE
Analogous
of Light Blue
#C0DEDB
Analogous
of Light Blue
#EEF3F6
Lighter Tint
of Light Blue
#EEF3F6
Lighter Tint
of Light Blue
#EEF3F6
Lighter Tint
of Light Blue
#8DAEC3
Darker Shade
of Light Blue
#5B8AA9
Darker Shade
of Light Blue
#3F6178
Darker Shade
of Light Blue
Light Blue
Named Color
Discover the Hue
#75889D
Light Slate Gray
10.7% Gray
Web Formats
HEX #75889D
RGB 117,136,157
HSL hsl(212, 17%, 54%)
HWB hwb(212, 46%, 38%)
Print & Design
CMYK cmyk(25%, 13%, 0%, 38%)
HSV hsv(212, 25%, 62%)
Perceptual (Color Science)
LAB lab(55.91, -1.93, -13.43)
LCH lch(55.91, 13.57, 261.8°)
XYZ xyz(22.22, 23.82, 35.32)
OKLab oklab(0.6191, -0.0126, -0.0367)
Accessibility (WCAG 2.1)
Aa
On White
3.64:1
Large Only
Aa
On Black
5.76:1
AA Pass
Aa
White on Color
3.64:1
Large Only
Aa
Black on Color
5.76:1
AA Pass
23.8%
Relative Luminance
0.2382
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
#9E8B76
Complementary
of Light Slate Gray
#77769E
Analogous
of Light Slate Gray
#769C9E
Analogous
of Light Slate Gray
#A3AFBD
Lighter Tint
of Light Slate Gray
#CFD6DD
Lighter Tint
of Light Slate Gray
#F0F2F4
Lighter Tint
of Light Slate Gray
#536274
Darker Shade
of Light Slate Gray
#333D48
Darker Shade
of Light Slate Gray
#13171B
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#8499AD
Light Slate Gray
10.0% Gray
Web Formats
HEX #8499AD
RGB 132,153,173
HSL hsl(209, 20%, 60%)
HWB hwb(209, 52%, 32%)
Print & Design
CMYK cmyk(24%, 12%, 0%, 32%)
HSV hsv(209, 24%, 68%)
Perceptual (Color Science)
LAB lab(62.26, -2.86, -12.89)
LCH lch(62.26, 13.2, 257.5°)
XYZ xyz(28.45, 30.7, 43.95)
OKLab oklab(0.6734, -0.0148, -0.0351)
Accessibility (WCAG 2.1)
Aa
On White
2.94:1
Fail
Aa
On Black
7.14:1
AAA Pass
Aa
White on Color
2.94:1
Fail
Aa
Black on Color
7.14:1
AAA Pass
30.7%
Relative Luminance
0.3071
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
#AD9885
Complementary
of Light Slate Gray
#8585AD
Analogous
of Light Slate Gray
#85ADAD
Analogous
of Light Slate Gray
#B3C0CC
Lighter Tint
of Light Slate Gray
#E0E6EB
Lighter Tint
of Light Slate Gray
#F0F2F5
Lighter Tint
of Light Slate Gray
#5C748A
Darker Shade
of Light Slate Gray
#3D4D5C
Darker Shade
of Light Slate Gray
#1F272E
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#50595C
Dim Gray
8.7% Gray
Web Formats
HEX #50595C
RGB 80,89,92
HSL hsl(195, 7%, 34%)
HWB hwb(195, 31%, 64%)
Print & Design
CMYK cmyk(13%, 3%, 0%, 64%)
HSV hsv(195, 13%, 36%)
Perceptual (Color Science)
LAB lab(37.16, -2.83, -2.93)
LCH lch(37.16, 4.07, 226.1°)
XYZ xyz(8.81, 9.62, 11.52)
OKLab oklab(0.4572, -0.0095, -0.0079)
Accessibility (WCAG 2.1)
Aa
On White
7.18:1
AAA Pass
Aa
On Black
2.92:1
Fail
Aa
White on Color
7.18:1
AAA Pass
Aa
Black on Color
2.92:1
Fail
9.6%
Relative Luminance
0.0962
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
#5D5451
Complementary
of Dim Gray
#51545D
Analogous
of Dim Gray
#515D5A
Analogous
of Dim Gray
#748186
Lighter Tint
of Dim Gray
#9DA6AA
Lighter Tint
of Dim Gray
#C6CBCD
Lighter Tint
of Dim Gray
#2D3234
Darker Shade
of Dim Gray
#0C0D0E
Darker Shade
of Dim Gray
#0C0D0E
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#32362F
Dark Slate Gray
7.6% Gray
Web Formats
HEX #32362F
RGB 50,54,47
HSL hsl(94, 7%, 20%)
HWB hwb(94, 18%, 79%)
Print & Design
CMYK cmyk(7%, 0%, 13%, 79%)
HSV hsv(94, 13%, 21%)
Perceptual (Color Science)
LAB lab(22.02, -3.33, 3.82)
LCH lch(22.02, 5.06, 131.1°)
XYZ xyz(3.15, 3.52, 3.2)
OKLab oklab(0.3266, -0.0088, 0.0099)
Accessibility (WCAG 2.1)
Aa
On White
12.32:1
AAA Pass
Aa
On Black
1.70:1
Fail
Aa
White on Color
12.32:1
AAA Pass
Aa
Black on Color
1.70:1
Fail
3.5%
Relative Luminance
0.0352
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
#332F37
Complementary
of Dark Slate Gray
#2F3730
Analogous
of Dark Slate Gray
#36372F
Analogous
of Dark Slate Gray
#585F53
Lighter Tint
of Dark Slate Gray
#7E8877
Lighter Tint
of Dark Slate Gray
#A5ACA0
Lighter Tint
of Dark Slate Gray
#0D0E0C
Darker Shade
of Dark Slate Gray
#0D0E0C
Darker Shade
of Dark Slate Gray
#0D0E0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue