#229F92

#229F92

Color Values

HEX

#229F92

RGB

34, 159, 146

HSL

173.8, 64.8%, 37.8%

HSV

173.8, 78.6%, 62.4%

CMYK

78.6%, 0.0%, 8.2%, 37.6%

OKLCH

0.635 0.1049 184.2

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#229F92

#9F222F

Analogous

#229F53

#226D9F

#229F92

Triadic

#229F92

#92229F

#9F9222

Split Complementary

#229F92

#9F226D

#9F5322

Tetradic

#229F92

#53229F

#9F222F

#6D9F22

Color Blindness Simulation

Original

#229F92

Protanopia

#585995

Deuteranopia

#514896

Tritanopia

#289898

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F2EE
300
#9AE9E1
400
#64DED1
500
#2DD2C1
600
#24A89A
700
#1D867C
800
#166961
900
#144D47
950
#0D302D

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026