#229B6B

#229B6B

Color Values

HEX

#229B6B

RGB

34, 155, 107

HSL

156.2, 64.0%, 37.1%

HSV

156.2, 78.1%, 60.8%

CMYK

78.1%, 0.0%, 31.0%, 39.2%

OKLCH

0.6134 0.1264 161.1

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#229B6B

#9B2252

Analogous

#229B2F

#228F9B

#229B6B

Triadic

#229B6B

#6B229B

#9B6B22

Split Complementary

#229B6B

#9B228F

#9B2F22

Tetradic

#229B6B

#2F229B

#9B2252

#8F9B22

Color Blindness Simulation

Original

#229B6B

Protanopia

#565777

Deuteranopia

#4F4679

Tritanopia

#288082

Achromatopsia

#7E7E7E

CSS Usage

background-color: #229B6B;
color: #229B6B;
border-color: #229B6B;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C4F2E0
300
#9BE9CA
400
#64DDAD
500
#2ED190
600
#25A773
700
#1D865C
800
#176948
900
#154C36
950
#0D3022

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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