Ningbo Hanvos School - View 5 Palette | Architecture Colors

Color Palette • View 5

Ningbo Hanvos School — education building

74ACE4
Copy As
HEX #74ACE4
RGB rgb(116,172,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
A2C2E7
Copy As
HEX #A2C2E7
RGB rgb(162,194,231)
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
586178
Copy As
HEX #586178
RGB rgb(88,97,120)
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
8CBBEB
Copy As
HEX #8CBBEB
RGB rgb(140,187,235)
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
1B202C
Copy As
HEX #1B202C
RGB rgb(27,32,44)
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
4C4F32
Copy As
HEX #4C4F32
RGB rgb(76,79,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
74777C
Copy As
HEX #74777C
RGB rgb(116,119,124)
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
3B4153
Copy As
HEX #3B4153
RGB rgb(59,65,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
#74ACE4
#A2C2E7
#586178
#8CBBEB
#1B202C
#4C4F32
#74777C
#3B4153

Color Data for Professionals

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


Cornflower Blue
29.2% Blue
Web Formats
HEX #74ACE4
RGB 116,172,228
HSL hsl(210, 67%, 67%)
HWB hwb(210, 45%, 11%)
Print & Design
CMYK cmyk(49%, 25%, 0%, 11%)
HSV hsv(210, 49%, 89%)
Perceptual (Color Science)
LAB lab(68.62, -3.13, -33.81)
LCH lch(68.62, 33.95, 264.7°)
XYZ xyz(35.95, 38.82, 78.98)
OKLab oklab(0.7277, -0.0356, -0.0944)
Accessibility (WCAG 2.1)
Aa
On White
2.40:1
Fail
Aa
On Black
8.76:1
AAA Pass
Aa
White on Color
2.40:1
Fail
Aa
Black on Color
8.76:1
AAA Pass
38.8%
Relative Luminance
0.3882
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.


Light Steel Blue
13.7% Blue
Web Formats
HEX #A2C2E7
RGB 162,194,231
HSL hsl(212, 59%, 77%)
HWB hwb(212, 64%, 9%)
Print & Design
CMYK cmyk(30%, 16%, 0%, 9%)
HSV hsv(212, 30%, 91%)
Perceptual (Color Science)
LAB lab(77.3, -2.3, -21.89)
LCH lch(77.3, 22.01, 264°)
XYZ xyz(48.61, 52.03, 83.07)
OKLab oklab(0.8032, -0.0192, -0.0601)
Accessibility (WCAG 2.1)
Aa
On White
1.84:1
Fail
Aa
On Black
11.41:1
AAA Pass
Aa
White on Color
1.84:1
Fail
Aa
Black on Color
11.41:1
AAA Pass
52.0%
Relative Luminance
0.5203
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
13.2% Gray
Web Formats
HEX #586178
RGB 88,97,120
HSL hsl(223, 15%, 41%)
HWB hwb(223, 35%, 53%)
Print & Design
CMYK cmyk(27%, 19%, 0%, 53%)
HSV hsv(223, 27%, 47%)
Perceptual (Color Science)
LAB lab(41.18, 2.16, -14.07)
LCH lch(41.18, 14.23, 278.7°)
XYZ xyz(11.69, 11.98, 19.46)
OKLab oklab(0.4937, -0.0012, -0.0386)
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.1198
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.


Sky Blue
11.2% Blue
Web Formats
HEX #8CBBEB
RGB 140,187,235
HSL hsl(210, 70%, 74%)
HWB hwb(210, 55%, 8%)
Print & Design
CMYK cmyk(40%, 20%, 0%, 8%)
HSV hsv(210, 40%, 92%)
Perceptual (Color Science)
LAB lab(74.26, -3.51, -28.8)
LCH lch(74.26, 29.02, 263°)
XYZ xyz(43.58, 47.11, 85.38)
OKLab oklab(0.7764, -0.0299, -0.0798)
Accessibility (WCAG 2.1)
Aa
On White
2.01:1
Fail
Aa
On Black
10.42:1
AAA Pass
Aa
White on Color
2.01:1
Fail
Aa
Black on Color
10.42:1
AAA Pass
47.1%
Relative Luminance
0.4711
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.


Black
10.0% Black
Web Formats
HEX #1B202C
RGB 27,32,44
HSL hsl(222, 24%, 14%)
HWB hwb(222, 11%, 83%)
Print & Design
CMYK cmyk(39%, 27%, 0%, 83%)
HSV hsv(222, 39%, 17%)
Perceptual (Color Science)
LAB lab(12.27, 1.37, -8.75)
LCH lch(12.27, 8.86, 278.9°)
XYZ xyz(1.42, 1.45, 2.59)
OKLab oklab(0.2442, -0.0013, -0.0241)
Accessibility (WCAG 2.1)
Aa
On White
16.28:1
AAA Pass
Aa
On Black
1.29:1
Fail
Aa
White on Color
16.28:1
AAA Pass
Aa
Black on Color
1.29:1
Fail
1.5%
Relative Luminance
0.0145
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.


Dark Olive Green
8.3% Green
Web Formats
HEX #4C4F32
RGB 76,79,50
HSL hsl(66, 22%, 25%)
HWB hwb(66, 20%, 69%)
Print & Design
CMYK cmyk(4%, 0%, 37%, 69%)
HSV hsv(66, 37%, 31%)
Perceptual (Color Science)
LAB lab(32.61, -6.62, 16.76)
LCH lch(32.61, 18.02, 111.5°)
XYZ xyz(6.35, 7.36, 4.1)
OKLab oklab(0.4167, -0.0178, 0.0415)
Accessibility (WCAG 2.1)
Aa
On White
8.50:1
AAA Pass
Aa
On Black
2.47:1
Fail
Aa
White on Color
8.50:1
AAA Pass
Aa
Black on Color
2.47:1
Fail
7.4%
Relative Luminance
0.0736
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.


Gray
7.6% Gray
Web Formats
HEX #74777C
RGB 116,119,124
HSL hsl(218, 3%, 47%)
HWB hwb(218, 45%, 51%)
Print & Design
CMYK cmyk(6%, 4%, 0%, 51%)
HSV hsv(218, 6%, 49%)
Perceptual (Color Science)
LAB lab(49.93, -0.09, -3.13)
LCH lch(49.93, 3.13, 268.4°)
XYZ xyz(17.44, 18.36, 21.69)
OKLab oklab(0.5683, -0.0014, -0.0084)
Accessibility (WCAG 2.1)
Aa
On White
4.49:1
Large Only
Aa
On Black
4.67:1
AA Pass
Aa
White on Color
4.49:1
Large Only
Aa
Black on Color
4.67:1
AA Pass
18.4%
Relative Luminance
0.1836
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
6.8% Gray
Web Formats
HEX #3B4153
RGB 59,65,83
HSL hsl(225, 17%, 28%)
HWB hwb(225, 23%, 67%)
Print & Design
CMYK cmyk(29%, 22%, 0%, 67%)
HSV hsv(225, 29%, 33%)
Perceptual (Color Science)
LAB lab(27.67, 2.25, -11.62)
LCH lch(27.67, 11.84, 281°)
XYZ xyz(5.25, 5.33, 8.93)
OKLab oklab(0.3772, 0.0002, -0.0319)
Accessibility (WCAG 2.1)
Aa
On White
10.16:1
AAA Pass
Aa
On Black
2.07:1
Fail
Aa
White on Color
10.16:1
AAA Pass
Aa
Black on Color
2.07:1
Fail
5.3%
Relative Luminance
0.0533
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.