#229985

#229985

Color Values

HEX

#229985

RGB

34, 153, 133

HSL

169.9, 63.6%, 36.7%

HSV

169.9, 77.8%, 60.0%

CMYK

77.8%, 0.0%, 13.1%, 40.0%

OKLCH

0.6152 0.1048 178.3

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#229985

#992236

Analogous

#22994A

#227299

#229985

Triadic

#229985

#852299

#998522

Split Complementary

#229985

#992272

#994A22

Tetradic

#229985

#4A2299

#992236

#729922

Color Blindness Simulation

Original

#229985

Protanopia

#56578A

Deuteranopia

#4F468B

Tritanopia

#288E8E

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F3FBFA
100
#E4F7F4
200
#C5F2EA
300
#9BE9DC
400
#65DDC8
500
#2ED1B5
600
#25A791
700
#1E8574
800
#17685B
900
#154C43
950
#0D302A

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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