#228B89

#228B89

Color Values

HEX

#228B89

RGB

34, 139, 137

HSL

178.9, 60.7%, 33.9%

HSV

178.9, 75.5%, 54.5%

CMYK

75.5%, 0.0%, 1.4%, 45.5%

OKLCH

0.58 0.0907 193.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#228B89

#8B2224

Analogous

#228B55

#22588B

#228B89

Triadic

#228B89

#89228B

#8B8922

Split Complementary

#228B89

#8B2258

#8B5522

Tetradic

#228B89

#55228B

#8B2224

#588B22

Color Blindness Simulation

Original

#228B89

Protanopia

#4F5089

Deuteranopia

#49428A

Tritanopia

#278A8A

Achromatopsia

#757575

CSS Usage

background-color: #228B89;
color: #228B89;
border-color: #228B89;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C6F1F0
300
#9DE7E6
400
#67DAD8
500
#32CDCA
600
#28A4A2
700
#208381
800
#196665
900
#164B4A
950
#0E2F2F

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.12: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