Palette 2: House in Shiraiwa | Architecture Colors
Architecture Colors

Color Palette • View 2

House in Shiraiwa — Residence

D9DBDE
Copy As
HEX #D9DBDE
RGB rgb(217,219,222)
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
C6C8C9
Copy As
HEX #C6C8C9
RGB rgb(198,200,201)
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
A6A8A7
Copy As
HEX #A6A8A7
RGB rgb(166,168,167)
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
F1F1F1
Copy As
HEX #F1F1F1
RGB rgb(241,241,241)
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
DEEBFB
Copy As
HEX #DEEBFB
RGB rgb(222,235,251)
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
525732
Copy As
HEX #525732
RGB rgb(82,87,50)
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
42472B
Copy As
HEX #42472B
RGB rgb(66,71,43)
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
94958F
Copy As
HEX #94958F
RGB rgb(148,149,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
#D9DBDE
#C6C8C9
#A6A8A7
#F1F1F1
#DEEBFB
#525732
#42472B
#94958F
House in Shiraiwa

This palette is from

House in Shiraiwa

Residence

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#D9DBDE
Gainsboro
38.8% Gray
Web Formats
HEX #D9DBDE
RGB 217,219,222
HSL hsl(216, 7%, 86%)
HWB hwb(216, 85%, 13%)
Print & Design
CMYK cmyk(2%, 1%, 0%, 13%)
HSV hsv(216, 2%, 87%)
Perceptual (Color Science)
LAB lab(87.33, -0.13, -1.71)
LCH lch(87.33, 1.71, 265.7°)
XYZ xyz(67.13, 70.69, 79.2)
OKLab oklab(0.8907, -0.0009, -0.0045)
Accessibility (WCAG 2.1)
Aa
On White
1.39:1
Fail
Aa
On Black
15.14:1
AAA Pass
Aa
White on Color
1.39:1
Fail
Aa
Black on Color
15.14:1
AAA Pass
70.7%
Relative Luminance
0.7069
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
#DEDCD9
Complementary
of Gainsboro
#D9D9DE
Analogous
of Gainsboro
#D9DDDE
Analogous
of Gainsboro
#F1F2F3
Lighter Tint
of Gainsboro
#F1F2F3
Lighter Tint
of Gainsboro
#F1F2F3
Lighter Tint
of Gainsboro
#B0B4BA
Darker Shade
of Gainsboro
#878D97
Darker Shade
of Gainsboro
#616770
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#C6C8C9
Silver
31.0% Gray
Web Formats
HEX #C6C8C9
RGB 198,200,201
HSL hsl(200, 3%, 78%)
HWB hwb(200, 78%, 21%)
Print & Design
CMYK cmyk(1%, 0%, 0%, 21%)
HSV hsv(200, 1%, 79%)
Perceptual (Color Science)
LAB lab(80.48, -0.5, -0.74)
LCH lch(80.48, 0.89, 235.8°)
XYZ xyz(54.48, 57.53, 63.48)
OKLab oklab(0.8315, -0.0017, -0.002)
Accessibility (WCAG 2.1)
Aa
On White
1.68:1
Fail
Aa
On Black
12.51:1
AAA Pass
Aa
White on Color
1.68:1
Fail
Aa
Black on Color
12.51:1
AAA Pass
57.5%
Relative Luminance
0.5753
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
#C9C6C5
Complementary
of Silver
#C5C6C9
Analogous
of Silver
#C5C9C8
Analogous
of Silver
#EDEDEE
Lighter Tint
of Silver
#F2F2F3
Lighter Tint
of Silver
#F2F2F3
Lighter Tint
of Silver
#9EA2A3
Darker Shade
of Silver
#777C7E
Darker Shade
of Silver
#525557
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#A6A8A7
Dark Gray
8.4% Gray
Web Formats
HEX #A6A8A7
RGB 166,168,167
HSL hsl(150, 1%, 65%)
HWB hwb(150, 65%, 34%)
Print & Design
CMYK cmyk(1%, 0%, 1%, 34%)
HSV hsv(150, 1%, 66%)
Perceptual (Color Science)
LAB lab(68.68, -0.9, 0.27)
LCH lch(68.68, 0.94, 163.6°)
XYZ xyz(36.7, 38.9, 42.13)
OKLab oklab(0.7297, -0.0026, 0.0007)
Accessibility (WCAG 2.1)
Aa
On White
2.39:1
Fail
Aa
On Black
8.78:1
AAA Pass
Aa
White on Color
2.39:1
Fail
Aa
Black on Color
8.78:1
AAA Pass
38.9%
Relative Luminance
0.3890
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
#A7A5A6
Complementary
of Dark Gray
#A5A7A7
Analogous
of Dark Gray
#A5A7A5
Analogous
of Dark Gray
#CBCDCC
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#7E8180
Darker Shade
of Dark Gray
#585A59
Darker Shade
of Dark Gray
#323433
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#F1F1F1
White Smoke
6.7% White
Web Formats
HEX #F1F1F1
RGB 241,241,241
HSL hsl(0, 0%, 95%)
HWB hwb(0, 95%, 5%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 5%)
HSV hsv(0, 0%, 95%)
Perceptual (Color Science)
LAB lab(95.15, -0, 0)
LCH lch(95.15, 0, 158.2°)
XYZ xyz(83.61, 87.96, 95.78)
OKLab oklab(0.9581, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.13:1
Fail
Aa
On Black
18.59:1
AAA Pass
Aa
White on Color
1.13:1
Fail
Aa
Black on Color
18.59:1
AAA Pass
88.0%
Relative Luminance
0.8796
Very 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
#F2F2F2
Complementary
of White Smoke
#F2F2F2
Analogous
of White Smoke
#F2F2F2
Analogous
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#F2F2F2
Lighter Tint
of White Smoke
#CCCCCC
Darker Shade
of White Smoke
#A6A6A6
Darker Shade
of White Smoke
#808080
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#DEEBFB
Lavender
4.1% Purple
Web Formats
HEX #DEEBFB
RGB 222,235,251
HSL hsl(213, 78%, 93%)
HWB hwb(213, 87%, 2%)
Print & Design
CMYK cmyk(12%, 6%, 0%, 2%)
HSV hsv(213, 12%, 98%)
Perceptual (Color Science)
LAB lab(92.54, -1.23, -9.19)
LCH lch(92.54, 9.28, 262.4°)
XYZ xyz(77.24, 81.91, 102.99)
OKLab oklab(0.9351, -0.0073, -0.0247)
Accessibility (WCAG 2.1)
Aa
On White
1.21:1
Fail
Aa
On Black
17.38:1
AAA Pass
Aa
White on Color
1.21:1
Fail
Aa
Black on Color
17.38:1
AAA Pass
81.9%
Relative Luminance
0.8191
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
#FBEFDF
Complementary
of Lavender
#E1DFFB
Analogous
of Lavender
#DFFAFB
Analogous
of Lavender
#E8F1FC
Lighter Tint
of Lavender
#E8F1FC
Lighter Tint
of Lavender
#E8F1FC
Lighter Tint
of Lavender
#9BC3F3
Darker Shade
of Lavender
#5799EA
Darker Shade
of Lavender
#1B71DA
Darker Shade
of Lavender
Lavender
Named Color
Discover the Hue
#525732
Dark Olive Green
3.8% Green
Web Formats
HEX #525732
RGB 82,87,50
HSL hsl(68, 27%, 27%)
HWB hwb(68, 20%, 66%)
Print & Design
CMYK cmyk(6%, 0%, 43%, 66%)
HSV hsv(68, 43%, 34%)
Perceptual (Color Science)
LAB lab(35.68, -8.63, 20.83)
LCH lch(35.68, 22.54, 112.5°)
XYZ xyz(7.46, 8.84, 4.33)
OKLab oklab(0.4425, -0.0237, 0.0509)
Accessibility (WCAG 2.1)
Aa
On White
7.59:1
AAA Pass
Aa
On Black
2.77:1
Fail
Aa
White on Color
7.59:1
AAA Pass
Aa
Black on Color
2.77:1
Fail
8.8%
Relative Luminance
0.0884
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
#373257
Complementary
of Dark Olive Green
#405732
Analogous
of Dark Olive Green
#574A32
Analogous
of Dark Olive Green
#80884E
Lighter Tint
of Dark Olive Green
#A7AF74
Lighter Tint
of Dark Olive Green
#C6CBA4
Lighter Tint
of Dark Olive Green
#252716
Darker Shade
of Dark Olive Green
#0F1009
Darker Shade
of Dark Olive Green
#0F1009
Darker Shade
of Dark Olive Green
Dark Olive Green
Named Color
Discover the Hue
#42472B
Dark Slate Gray
3.5% Gray
Web Formats
HEX #42472B
RGB 66,71,43
HSL hsl(71, 25%, 22%)
HWB hwb(71, 17%, 72%)
Print & Design
CMYK cmyk(7%, 0%, 39%, 72%)
HSV hsv(71, 39%, 28%)
Perceptual (Color Science)
LAB lab(29, -7.43, 16.18)
LCH lch(29, 17.81, 114.7°)
XYZ xyz(4.94, 5.84, 3.15)
OKLab oklab(0.3853, -0.0202, 0.0399)
Accessibility (WCAG 2.1)
Aa
On White
9.69:1
AAA Pass
Aa
On Black
2.17:1
Fail
Aa
White on Color
9.69:1
AAA Pass
Aa
Black on Color
2.17:1
Fail
5.8%
Relative Luminance
0.0584
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
#2F2A46
Complementary
of Dark Slate Gray
#33462A
Analogous
of Dark Slate Gray
#463D2A
Analogous
of Dark Slate Gray
#6D7647
Lighter Tint
of Dark Slate Gray
#98A366
Lighter Tint
of Dark Slate Gray
#B8C096
Lighter Tint
of Dark Slate Gray
#15160D
Darker Shade
of Dark Slate Gray
#0F100A
Darker Shade
of Dark Slate Gray
#0F100A
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#94958F
Light Slate Gray
3.6% Gray
Web Formats
HEX #94958F
RGB 148,149,143
HSL hsl(70, 3%, 57%)
HWB hwb(70, 56%, 42%)
Print & Design
CMYK cmyk(1%, 0%, 4%, 42%)
HSV hsv(70, 4%, 58%)
Perceptual (Color Science)
LAB lab(61.46, -1.51, 3.04)
LCH lch(61.46, 3.39, 116.4°)
XYZ xyz(27.92, 29.77, 30.26)
OKLab oklab(0.6672, -0.0036, 0.008)
Accessibility (WCAG 2.1)
Aa
On White
3.02:1
Large Only
Aa
On Black
6.95:1
AA Pass
Aa
White on Color
3.02:1
Large Only
Aa
Black on Color
6.95:1
AA Pass
29.8%
Relative Luminance
0.2977
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
#8F8E95
Complementary
of Light Slate Gray
#90958E
Analogous
of Light Slate Gray
#95928E
Analogous
of Light Slate Gray
#B9BAB5
Lighter Tint
of Light Slate Gray
#DFDFDD
Lighter Tint
of Light Slate Gray
#F3F3F2
Lighter Tint
of Light Slate Gray
#6D6E68
Darker Shade
of Light Slate Gray
#464743
Darker Shade
of Light Slate Gray
#1F201E
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue