#229DA3

#229DA3

Color Values

HEX

#229DA3

RGB

34, 157, 163

HSL

182.8, 65.5%, 38.6%

HSV

182.8, 79.1%, 63.9%

CMYK

79.1%, 3.7%, 0.0%, 36.1%

OKLCH

0.6359 0.1009 200.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#229DA3

#A32822

Analogous

#22A368

#225CA3

#229DA3

Triadic

#229DA3

#A3229D

#9DA322

Split Complementary

#229DA3

#A3225C

#A36822

Tetradic

#229DA3

#6822A3

#A32822

#5CA322

Color Blindness Simulation

Original

#229DA3

Protanopia

#5758A2

Deuteranopia

#5047A1

Tritanopia

#28A0A0

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4F1F3
300
#9AE6EA
400
#63D9DE
500
#2CCBD3
600
#23A3A9
700
#1C8287
800
#16666A
900
#144A4D
950
#0D2F31

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.42:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026