#229491

#229491

Color Values

HEX

#229491

RGB

34, 148, 145

HSL

178.4, 62.6%, 35.7%

HSV

178.4, 77.0%, 58.0%

CMYK

77.0%, 0.0%, 2.0%, 42.0%

OKLCH

0.6062 0.0961 192.2

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#229491

#942225

Analogous

#229458

#225E94

#229491

Triadic

#229491

#912294

#949122

Split Complementary

#229491

#94225E

#945822

Tetradic

#229491

#582294

#942225

#5E9422

Color Blindness Simulation

Original

#229491

Protanopia

#535492

Deuteranopia

#4D4492

Tritanopia

#289292

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F7F6
200
#C5F2F0
300
#9BE8E6
400
#66DCD9
500
#30CFCB
600
#26A6A2
700
#1F8582
800
#186866
900
#154C4A
950
#0D302F

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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