M1 and M2 - View 2 Palette | Architecture Colors

Color Palette • View 2

M1 and M2 — Multi Residential House

D3D2DF
Copy As
HEX #D3D2DF
RGB rgb(211,210,223)
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
5F9AE2
Copy As
HEX #5F9AE2
RGB rgb(95,154,226)
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
4992E0
Copy As
HEX #4992E0
RGB rgb(73,146,224)
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
C2C1C8
Copy As
HEX #C2C1C8
RGB rgb(194,193,200)
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
84A8E4
Copy As
HEX #84A8E4
RGB rgb(132,168,228)
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
E7E3EC
Copy As
HEX #E7E3EC
RGB rgb(231,227,236)
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
6B798F
Copy As
HEX #6B798F
RGB rgb(107,121,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
5C6476
Copy As
HEX #5C6476
RGB rgb(92,100,118)
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
#D3D2DF
#5F9AE2
#4992E0
#C2C1C8
#84A8E4
#E7E3EC
#6B798F
#5C6476

Color Data for Professionals

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


Light Gray
21.0% Gray
Web Formats
HEX #D3D2DF
RGB 211,210,223
HSL hsl(245, 17%, 85%)
HWB hwb(245, 82%, 13%)
Print & Design
CMYK cmyk(5%, 6%, 0%, 13%)
HSV hsv(245, 6%, 87%)
Perceptual (Color Science)
LAB lab(84.62, 2.76, -6.28)
LCH lch(84.62, 6.86, 293.7°)
XYZ xyz(63.23, 65.27, 79.07)
OKLab oklab(0.8684, 0.006, -0.0168)
Accessibility (WCAG 2.1)
Aa
On White
1.49:1
Fail
Aa
On Black
14.05:1
AAA Pass
Aa
White on Color
1.49:1
Fail
Aa
Black on Color
14.05:1
AAA Pass
65.3%
Relative Luminance
0.6527
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.


Cornflower Blue
19.6% Blue
Web Formats
HEX #5F9AE2
RGB 95,154,226
HSL hsl(213, 69%, 63%)
HWB hwb(213, 37%, 11%)
Print & Design
CMYK cmyk(58%, 32%, 0%, 11%)
HSV hsv(213, 58%, 89%)
Perceptual (Color Science)
LAB lab(62.54, 1.91, -42.27)
LCH lch(62.54, 42.32, 272.6°)
XYZ xyz(30, 31.03, 76.35)
OKLab oklab(0.677, -0.0336, -0.1193)
Accessibility (WCAG 2.1)
Aa
On White
2.91:1
Fail
Aa
On Black
7.21:1
AAA Pass
Aa
White on Color
2.91:1
Fail
Aa
Black on Color
7.21:1
AAA Pass
31.0%
Relative Luminance
0.3104
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.


Cornflower Blue
16.0% Blue
Web Formats
HEX #4992E0
RGB 73,146,224
HSL hsl(211, 71%, 58%)
HWB hwb(211, 29%, 12%)
Print & Design
CMYK cmyk(67%, 35%, 0%, 12%)
HSV hsv(211, 67%, 88%)
Perceptual (Color Science)
LAB lab(59.3, 1.98, -46.32)
LCH lch(59.3, 46.36, 272.4°)
XYZ xyz(26.48, 27.35, 74.39)
OKLab oklab(0.6489, -0.0425, -0.1315)
Accessibility (WCAG 2.1)
Aa
On White
3.25:1
Large Only
Aa
On Black
6.47:1
AA Pass
Aa
White on Color
3.25:1
Large Only
Aa
Black on Color
6.47:1
AA Pass
27.4%
Relative Luminance
0.2736
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.


Silver
12.0% Gray
Web Formats
HEX #C2C1C8
RGB 194,193,200
HSL hsl(249, 6%, 77%)
HWB hwb(249, 76%, 22%)
Print & Design
CMYK cmyk(3%, 4%, 0%, 22%)
HSV hsv(249, 4%, 78%)
Perceptual (Color Science)
LAB lab(78.33, 1.65, -3.38)
LCH lch(78.33, 3.77, 296°)
XYZ xyz(51.74, 53.78, 62.29)
OKLab oklab(0.8138, 0.0038, -0.009)
Accessibility (WCAG 2.1)
Aa
On White
1.79:1
Fail
Aa
On Black
11.76:1
AAA Pass
Aa
White on Color
1.79:1
Fail
Aa
Black on Color
11.76:1
AAA Pass
53.8%
Relative Luminance
0.5378
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.


Cornflower Blue
11.2% Blue
Web Formats
HEX #84A8E4
RGB 132,168,228
HSL hsl(218, 64%, 71%)
HWB hwb(218, 52%, 11%)
Print & Design
CMYK cmyk(42%, 26%, 0%, 11%)
HSV hsv(218, 42%, 89%)
Perceptual (Color Science)
LAB lab(68.39, 3.01, -34.09)
LCH lch(68.39, 34.22, 275°)
XYZ xyz(37.52, 38.51, 78.84)
OKLab oklab(0.7283, -0.0161, -0.095)
Accessibility (WCAG 2.1)
Aa
On White
2.41:1
Fail
Aa
On Black
8.70:1
AAA Pass
Aa
White on Color
2.41:1
Fail
Aa
Black on Color
8.70:1
AAA Pass
38.5%
Relative Luminance
0.3851
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.


Lavender
7.7% Purple
Web Formats
HEX #E7E3EC
RGB 231,227,236
HSL hsl(267, 19%, 91%)
HWB hwb(267, 89%, 7%)
Print & Design
CMYK cmyk(2%, 4%, 0%, 7%)
HSV hsv(267, 4%, 93%)
Perceptual (Color Science)
LAB lab(90.77, 2.96, -3.89)
LCH lch(90.77, 4.89, 307.3°)
XYZ xyz(75.56, 77.98, 90.41)
OKLab oklab(0.9216, 0.0075, -0.0103)
Accessibility (WCAG 2.1)
Aa
On White
1.27:1
Fail
Aa
On Black
16.60:1
AAA Pass
Aa
White on Color
1.27:1
Fail
Aa
Black on Color
16.60:1
AAA Pass
78.0%
Relative Luminance
0.7798
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.


Slate Gray
6.3% Gray
Web Formats
HEX #6B798F
RGB 107,121,143
HSL hsl(217, 14%, 49%)
HWB hwb(217, 42%, 44%)
Print & Design
CMYK cmyk(25%, 15%, 0%, 44%)
HSV hsv(217, 25%, 56%)
Perceptual (Color Science)
LAB lab(50.43, 0.02, -13.64)
LCH lch(50.43, 13.64, 270.1°)
XYZ xyz(17.86, 18.78, 28.67)
OKLab oklab(0.5726, -0.007, -0.0373)
Accessibility (WCAG 2.1)
Aa
On White
4.41:1
Large Only
Aa
On Black
4.76:1
AA Pass
Aa
White on Color
4.41:1
Large Only
Aa
Black on Color
4.76:1
AA Pass
18.8%
Relative Luminance
0.1878
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
6.2% Gray
Web Formats
HEX #5C6476
RGB 92,100,118
HSL hsl(222, 12%, 41%)
HWB hwb(222, 36%, 54%)
Print & Design
CMYK cmyk(22%, 15%, 0%, 54%)
HSV hsv(222, 22%, 46%)
Perceptual (Color Science)
LAB lab(42.3, 1.18, -11.12)
LCH lch(42.3, 11.19, 276.1°)
XYZ xyz(12.24, 12.7, 18.94)
OKLab oklab(0.503, -0.0019, -0.0303)
Accessibility (WCAG 2.1)
Aa
On White
5.93:1
AA Pass
Aa
On Black
3.54:1
Large Only
Aa
White on Color
5.93:1
AA Pass
Aa
Black on Color
3.54:1
Large Only
12.7%
Relative Luminance
0.1270
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.