#45967C

#45967C

Color Values

HEX

#45967C

RGB

69, 150, 124

HSL

160.7, 37.0%, 42.9%

HSV

160.7, 54.0%, 58.8%

CMYK

54.0%, 0.0%, 17.3%, 41.2%

OKLCH

0.6148 0.0895 169.7

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#45967C

#96455F

Analogous

#459653

#458796

#45967C

Triadic

#45967C

#7C4596

#967C45

Split Complementary

#45967C

#964587

#965345

Tetradic

#45967C

#534596

#96455F

#879645

Color Blindness Simulation

Original

#45967C

Protanopia

#686982

Deuteranopia

#635D84

Tritanopia

#498788

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE9E0
300
#ABD8CA
400
#7EC4AD
500
#50AF90
600
#408C73
700
#33705C
800
#285748
900
#204136
950
#142922

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

5.91:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026