#229497

#229497

Color Values

HEX

#229497

RGB

34, 148, 151

HSL

181.5, 63.2%, 36.3%

HSV

181.5, 77.5%, 59.2%

CMYK

77.5%, 2.0%, 0.0%, 40.8%

OKLCH

0.6084 0.0957 197.7

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#229497

#972522

Analogous

#22975F

#225A97

#229497

Triadic

#229497

#972294

#949722

Split Complementary

#229497

#97225A

#975F22

Tetradic

#229497

#5F2297

#972522

#5A9722

Color Blindness Simulation

Original

#229497

Protanopia

#535496

Deuteranopia

#4D4496

Tritanopia

#289696

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F7
200
#C5F1F2
300
#9BE7E8
400
#65D9DC
500
#2FCCD0
600
#26A3A6
700
#1E8385
800
#176668
900
#154B4C
950
#0D2F30

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

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