Dawn of Spring - View 5 Palette | Architecture Colors

Color Palette • View 5

Dawn of Spring — Building

1D2539
Copy As
HEX #1D2539
RGB rgb(29,37,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
83A1D1
Copy As
HEX #83A1D1
RGB rgb(131,161,209)
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
373E4F
Copy As
HEX #373E4F
RGB rgb(55,62,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
9CB5DB
Copy As
HEX #9CB5DB
RGB rgb(156,181,219)
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
5E6574
Copy As
HEX #5E6574
RGB rgb(94,101,116)
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
4B505F
Copy As
HEX #4B505F
RGB rgb(75,80,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
A4A8B0
Copy As
HEX #A4A8B0
RGB rgb(164,168,176)
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
717783
Copy As
HEX #717783
RGB rgb(113,119,131)
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
#1D2539
#83A1D1
#373E4F
#9CB5DB
#5E6574
#4B505F
#A4A8B0
#717783

Color Data for Professionals

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


Dark Slate Gray
24.4% Gray
Web Formats
HEX #1D2539
RGB 29,37,57
HSL hsl(223, 33%, 17%)
HWB hwb(223, 11%, 78%)
Print & Design
CMYK cmyk(49%, 35%, 0%, 78%)
HSV hsv(223, 49%, 22%)
Perceptual (Color Science)
LAB lab(14.84, 2.91, -14.04)
LCH lch(14.84, 14.33, 281.7°)
XYZ xyz(1.91, 1.88, 4.13)
OKLab oklab(0.2669, -0.002, -0.0392)
Accessibility (WCAG 2.1)
Aa
On White
15.26:1
AAA Pass
Aa
On Black
1.38:1
Fail
Aa
White on Color
15.26:1
AAA Pass
Aa
Black on Color
1.38:1
Fail
1.9%
Relative Luminance
0.0188
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.


Cornflower Blue
19.0% Blue
Web Formats
HEX #83A1D1
RGB 131,161,209
HSL hsl(217, 46%, 67%)
HWB hwb(217, 51%, 18%)
Print & Design
CMYK cmyk(37%, 23%, 0%, 18%)
HSV hsv(217, 37%, 82%)
Perceptual (Color Science)
LAB lab(65.68, 1.49, -27.81)
LCH lch(65.68, 27.85, 273.1°)
XYZ xyz(33.61, 34.92, 65.28)
OKLab oklab(0.7044, -0.0141, -0.0771)
Accessibility (WCAG 2.1)
Aa
On White
2.63:1
Fail
Aa
On Black
7.98:1
AAA Pass
Aa
White on Color
2.63:1
Fail
Aa
Black on Color
7.98:1
AAA Pass
34.9%
Relative Luminance
0.3492
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.


Dark Slate Gray
14.6% Gray
Web Formats
HEX #373E4F
RGB 55,62,79
HSL hsl(223, 18%, 26%)
HWB hwb(223, 22%, 69%)
Print & Design
CMYK cmyk(30%, 22%, 0%, 69%)
HSV hsv(223, 30%, 31%)
Perceptual (Color Science)
LAB lab(26.22, 1.65, -11.24)
LCH lch(26.22, 11.37, 278.4°)
XYZ xyz(4.71, 4.82, 8.08)
OKLab oklab(0.3645, -0.0014, -0.0309)
Accessibility (WCAG 2.1)
Aa
On White
10.69:1
AAA Pass
Aa
On Black
1.96:1
Fail
Aa
White on Color
10.69:1
AAA Pass
Aa
Black on Color
1.96:1
Fail
4.8%
Relative Luminance
0.0482
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.


Light Steel Blue
13.0% Blue
Web Formats
HEX #9CB5DB
RGB 156,181,219
HSL hsl(216, 47%, 74%)
HWB hwb(216, 61%, 14%)
Print & Design
CMYK cmyk(29%, 17%, 0%, 14%)
HSV hsv(216, 29%, 86%)
Perceptual (Color Science)
LAB lab(73.04, 0.08, -21.9)
LCH lch(73.04, 21.9, 270.2°)
XYZ xyz(43.02, 45.23, 73.47)
OKLab oklab(0.7674, -0.0121, -0.0601)
Accessibility (WCAG 2.1)
Aa
On White
2.09:1
Fail
Aa
On Black
10.05:1
AAA Pass
Aa
White on Color
2.09:1
Fail
Aa
Black on Color
10.05:1
AAA Pass
45.2%
Relative Luminance
0.4523
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.


Dim Gray
8.7% Gray
Web Formats
HEX #5E6574
RGB 94,101,116
HSL hsl(221, 10%, 41%)
HWB hwb(221, 37%, 55%)
Print & Design
CMYK cmyk(19%, 13%, 0%, 55%)
HSV hsv(221, 19%, 45%)
Perceptual (Color Science)
LAB lab(42.68, 0.79, -9.32)
LCH lch(42.68, 9.35, 274.8°)
XYZ xyz(12.42, 12.95, 18.36)
OKLab oklab(0.5061, -0.002, -0.0253)
Accessibility (WCAG 2.1)
Aa
On White
5.85:1
AA Pass
Aa
On Black
3.59:1
Large Only
Aa
White on Color
5.85:1
AA Pass
Aa
Black on Color
3.59:1
Large Only
13.0%
Relative Luminance
0.1295
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
7.9% Gray
Web Formats
HEX #4B505F
RGB 75,80,95
HSL hsl(225, 12%, 33%)
HWB hwb(225, 29%, 63%)
Print & Design
CMYK cmyk(21%, 16%, 0%, 63%)
HSV hsv(225, 21%, 37%)
Perceptual (Color Science)
LAB lab(34.11, 1.64, -9.41)
LCH lch(34.11, 9.55, 279.9°)
XYZ xyz(7.84, 8.06, 11.97)
OKLab oklab(0.4325, 0.0003, -0.0256)
Accessibility (WCAG 2.1)
Aa
On White
8.04:1
AAA Pass
Aa
On Black
2.61:1
Fail
Aa
White on Color
8.04:1
AAA Pass
Aa
Black on Color
2.61:1
Fail
8.1%
Relative Luminance
0.0806
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 Gray
7.0% Gray
Web Formats
HEX #A4A8B0
RGB 164,168,176
HSL hsl(220, 7%, 67%)
HWB hwb(220, 64%, 31%)
Print & Design
CMYK cmyk(7%, 5%, 0%, 31%)
HSV hsv(220, 7%, 69%)
Perceptual (Color Science)
LAB lab(68.77, 0.16, -4.6)
LCH lch(68.77, 4.61, 272°)
XYZ xyz(37.15, 39.03, 46.64)
OKLab oklab(0.7308, -0.0012, -0.0123)
Accessibility (WCAG 2.1)
Aa
On White
2.38:1
Fail
Aa
On Black
8.81:1
AAA Pass
Aa
White on Color
2.38:1
Fail
Aa
Black on Color
8.81:1
AAA Pass
39.0%
Relative Luminance
0.3903
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.


Slate Gray
5.6% Gray
Web Formats
HEX #717783
RGB 113,119,131
HSL hsl(220, 7%, 48%)
HWB hwb(220, 44%, 49%)
Print & Design
CMYK cmyk(14%, 9%, 0%, 49%)
HSV hsv(220, 14%, 51%)
Perceptual (Color Science)
LAB lab(49.91, 0.37, -7.32)
LCH lch(49.91, 7.33, 272.9°)
XYZ xyz(17.5, 18.34, 24.09)
OKLab oklab(0.5683, -0.0019, -0.0197)
Accessibility (WCAG 2.1)
Aa
On White
4.50:1
AA Pass
Aa
On Black
4.67:1
AA Pass
Aa
White on Color
4.50:1
AA Pass
Aa
Black on Color
4.67:1
AA Pass
18.3%
Relative Luminance
0.1834
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.