#227D87

#227D87

Color Values

HEX

#227D87

RGB

34, 125, 135

HSL

185.9, 59.8%, 33.1%

HSV

185.9, 74.8%, 52.9%

CMYK

74.8%, 7.4%, 0.0%, 47.1%

OKLCH

0.5427 0.0829 205.9

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#227D87

#872C22

Analogous

#22875E

#224A87

#227D87

Triadic

#227D87

#87227D

#7D8722

Split Complementary

#227D87

#87224A

#875E22

Tetradic

#227D87

#5E2287

#872C22

#4A8722

Color Blindness Simulation

Original

#227D87

Protanopia

#494A85

Deuteranopia

#443D84

Tritanopia

#278382

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6ECF1
300
#9DDFE6
400
#68CED9
500
#33BDCC
600
#2997A3
700
#217982
800
#1A5E66
900
#16454B
950
#0E2C2F

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.35:1

AA Fail 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