Teal Sea - View 2 Palette | Architecture Colors

Color Palette • View 2

Teal Sea — Landscapes

0B4E8E
Copy As
HEX #0B4E8E
RGB rgb(11,78,142)
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
0D60A2
Copy As
HEX #0D60A2
RGB rgb(13,96,162)
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
0E76B8
Copy As
HEX #0E76B8
RGB rgb(14,118,184)
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
596A75
Copy As
HEX #596A75
RGB rgb(89,106,117)
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
2187C5
Copy As
HEX #2187C5
RGB rgb(33,135,197)
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
4497CE
Copy As
HEX #4497CE
RGB rgb(68,151,206)
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
4A5964
Copy As
HEX #4A5964
RGB rgb(74,89,100)
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
444A4E
Copy As
HEX #444A4E
RGB rgb(68,74,78)
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
#0B4E8E
#0D60A2
#0E76B8
#596A75
#2187C5
#4497CE
#4A5964
#444A4E

Color Data for Professionals

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


Dark Slate Blue
26.0% Purple
Web Formats
HEX #0B4E8E
RGB 11,78,142
HSL hsl(209, 86%, 30%)
HWB hwb(209, 4%, 44%)
Print & Design
CMYK cmyk(92%, 45%, 0%, 44%)
HSV hsv(209, 92%, 56%)
Perceptual (Color Science)
LAB lab(32.86, 6.16, -40.82)
LCH lch(32.86, 41.28, 278.6°)
XYZ xyz(7.74, 7.47, 26.62)
OKLab oklab(0.4225, -0.036, -0.1172)
Accessibility (WCAG 2.1)
Aa
On White
8.42:1
AAA Pass
Aa
On Black
2.49:1
Fail
Aa
White on Color
8.42:1
AAA Pass
Aa
Black on Color
2.49:1
Fail
7.5%
Relative Luminance
0.0747
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.


Teal
17.9% Cyan
Web Formats
HEX #0D60A2
RGB 13,96,162
HSL hsl(207, 85%, 34%)
HWB hwb(207, 5%, 36%)
Print & Design
CMYK cmyk(92%, 41%, 0%, 36%)
HSV hsv(207, 92%, 64%)
Perceptual (Color Science)
LAB lab(39.68, 2.69, -41.96)
LCH lch(39.68, 42.05, 273.7°)
XYZ xyz(10.87, 11.06, 35.74)
OKLab oklab(0.4799, -0.0448, -0.1201)
Accessibility (WCAG 2.1)
Aa
On White
6.54:1
AA Pass
Aa
On Black
3.21:1
Large Only
Aa
White on Color
6.54:1
AA Pass
Aa
Black on Color
3.21:1
Large Only
11.1%
Relative Luminance
0.1106
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.


Steel Blue
14.3% Blue
Web Formats
HEX #0E76B8
RGB 14,118,184
HSL hsl(203, 86%, 39%)
HWB hwb(203, 5%, 28%)
Print & Design
CMYK cmyk(92%, 36%, 0%, 28%)
HSV hsv(203, 92%, 72%)
Perceptual (Color Science)
LAB lab(47.64, -2.25, -42.2)
LCH lch(47.64, 42.26, 266.9°)
XYZ xyz(15.31, 16.51, 47.72)
OKLab oklab(0.5465, -0.0563, -0.1204)
Accessibility (WCAG 2.1)
Aa
On White
4.88:1
AA Pass
Aa
On Black
4.30:1
Large Only
Aa
White on Color
4.88:1
AA Pass
Aa
Black on Color
4.30:1
Large Only
16.5%
Relative Luminance
0.1651
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
10.6% Gray
Web Formats
HEX #596A75
RGB 89,106,117
HSL hsl(204, 14%, 40%)
HWB hwb(204, 35%, 54%)
Print & Design
CMYK cmyk(24%, 9%, 0%, 54%)
HSV hsv(204, 24%, 46%)
Perceptual (Color Science)
LAB lab(43.82, -3.7, -8.26)
LCH lch(43.82, 9.05, 245.9°)
XYZ xyz(12.48, 13.72, 18.82)
OKLab oklab(0.5142, -0.0149, -0.0225)
Accessibility (WCAG 2.1)
Aa
On White
5.61:1
AA Pass
Aa
On Black
3.74:1
Large Only
Aa
White on Color
5.61:1
AA Pass
Aa
Black on Color
3.74:1
Large Only
13.7%
Relative Luminance
0.1372
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.


Steel Blue
9.2% Blue
Web Formats
HEX #2187C5
RGB 33,135,197
HSL hsl(203, 71%, 45%)
HWB hwb(203, 13%, 23%)
Print & Design
CMYK cmyk(83%, 31%, 0%, 23%)
HSV hsv(203, 83%, 77%)
Perceptual (Color Science)
LAB lab(53.69, -6.16, -40.07)
LCH lch(53.69, 40.54, 261.3°)
XYZ xyz(19.37, 21.68, 55.98)
OKLab oklab(0.5973, -0.0613, -0.1138)
Accessibility (WCAG 2.1)
Aa
On White
3.94:1
Large Only
Aa
On Black
5.34:1
AA Pass
Aa
White on Color
3.94:1
Large Only
Aa
Black on Color
5.34:1
AA Pass
21.7%
Relative Luminance
0.2168
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.


Steel Blue
8.7% Blue
Web Formats
HEX #4497CE
RGB 68,151,206
HSL hsl(204, 58%, 54%)
HWB hwb(204, 27%, 19%)
Print & Design
CMYK cmyk(67%, 27%, 0%, 19%)
HSV hsv(204, 67%, 81%)
Perceptual (Color Science)
LAB lab(59.72, -7.8, -35.62)
LCH lch(59.72, 36.46, 257.6°)
XYZ xyz(24.59, 27.82, 62.45)
OKLab oklab(0.649, -0.056, -0.1003)
Accessibility (WCAG 2.1)
Aa
On White
3.20:1
Large Only
Aa
On Black
6.56:1
AA Pass
Aa
White on Color
3.20:1
Large Only
Aa
Black on Color
6.56:1
AA Pass
27.8%
Relative Luminance
0.2782
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
8.3% Gray
Web Formats
HEX #4A5964
RGB 74,89,100
HSL hsl(205, 15%, 34%)
HWB hwb(205, 29%, 61%)
Print & Design
CMYK cmyk(26%, 11%, 0%, 61%)
HSV hsv(205, 26%, 39%)
Perceptual (Color Science)
LAB lab(36.97, -3.01, -8.24)
LCH lch(36.97, 8.77, 250°)
XYZ xyz(8.7, 9.52, 13.43)
OKLab oklab(0.4554, -0.013, -0.0224)
Accessibility (WCAG 2.1)
Aa
On White
7.23:1
AAA Pass
Aa
On Black
2.90:1
Fail
Aa
White on Color
7.23:1
AAA Pass
Aa
Black on Color
2.90:1
Fail
9.5%
Relative Luminance
0.0952
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
5.0% Gray
Web Formats
HEX #444A4E
RGB 68,74,78
HSL hsl(204, 7%, 29%)
HWB hwb(204, 27%, 69%)
Print & Design
CMYK cmyk(13%, 5%, 0%, 69%)
HSV hsv(204, 13%, 31%)
Perceptual (Color Science)
LAB lab(31.06, -1.48, -3.21)
LCH lch(31.06, 3.54, 245.2°)
XYZ xyz(6.21, 6.68, 8.17)
OKLab oklab(0.4051, -0.0057, -0.0086)
Accessibility (WCAG 2.1)
Aa
On White
8.99:1
AAA Pass
Aa
On Black
2.34:1
Fail
Aa
White on Color
8.99:1
AAA Pass
Aa
Black on Color
2.34:1
Fail
6.7%
Relative Luminance
0.0668
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.