#227E99

#227E99

Color Values

HEX

#227E99

RGB

34, 126, 153

HSL

193.6, 63.6%, 36.7%

HSV

193.6, 77.8%, 60.0%

CMYK

77.8%, 17.6%, 0.0%, 40.0%

OKLCH

0.5531 0.0918 222.3

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#227E99

#993D22

Analogous

#229979

#224399

#227E99

Triadic

#227E99

#99227E

#7E9922

Split Complementary

#227E99

#992243

#997922

Tetradic

#227E99

#792299

#993D22

#439922

Color Blindness Simulation

Original

#227E99

Protanopia

#4A4B92

Deuteranopia

#443E91

Tritanopia

#278D8C

Achromatopsia

#6C6C6C

CSS Usage

background-color: #227E99;
color: #227E99;
border-color: #227E99;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FAFB
100
#E4F2F7
200
#C5E8F2
300
#9BD7E9
400
#65C1DD
500
#2EACD1
600
#2589A7
700
#1E6E85
800
#175668
900
#15404C
950
#0D2830

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026