#22949B

#22949B

Color Values

HEX

#22949B

RGB

34, 148, 155

HSL

183.5, 64.0%, 37.1%

HSV

183.5, 78.1%, 60.8%

CMYK

78.1%, 4.5%, 0.0%, 39.2%

OKLCH

0.6099 0.0959 201.3

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#22949B

#9B2922

Analogous

#229B66

#22589B

#22949B

Triadic

#22949B

#9B2294

#949B22

Split Complementary

#22949B

#9B2258

#9B6622

Tetradic

#22949B

#66229B

#9B2922

#589B22

Color Blindness Simulation

Original

#22949B

Protanopia

#535499

Deuteranopia

#4D4499

Tritanopia

#289898

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4EFF2
300
#9BE4E9
400
#64D6DD
500
#2EC8D1
600
#25A0A7
700
#1D8086
800
#176469
900
#15494C
950
#0D2E30

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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