#229392

#229392

Color Values

HEX

#229392

RGB

34, 147, 146

HSL

179.5, 62.4%, 35.5%

HSV

179.5, 76.9%, 57.6%

CMYK

76.9%, 0.0%, 0.7%, 42.4%

OKLCH

0.604 0.0953 194.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#229392

#932223

Analogous

#22935A

#225B93

#229392

Triadic

#229392

#922293

#939222

Split Complementary

#229392

#93225B

#935A22

Tetradic

#229392

#5A2293

#932223

#5B9322

Color Blindness Simulation

Original

#229392

Protanopia

#535492

Deuteranopia

#4C4492

Tritanopia

#289292

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F7F6
200
#C5F2F1
300
#9CE8E7
400
#66DCDB
500
#30CFCE
600
#26A6A5
700
#1F8584
800
#186867
900
#154C4B
950
#0D302F

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.66:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026