#214945

#214945

Color Values

HEX

#214945

RGB

33, 73, 69

HSL

174.0, 37.7%, 20.8%

HSV

174.0, 54.8%, 28.6%

CMYK

54.8%, 0.0%, 5.5%, 71.4%

OKLCH

0.3751 0.0458 186.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#214945

#492125

Analogous

#214931

#213949

#214945

Triadic

#214945

#452149

#494521

Split Complementary

#214945

#492139

#493121

Tetradic

#214945

#312149

#492125

#394921

Color Blindness Simulation

Original

#214945

Protanopia

#323346

Deuteranopia

#302D46

Tritanopia

#234747

Achromatopsia

#404040

CSS Usage

background-color: #214945;
color: #214945;
border-color: #214945;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CEE9E6
300
#ABD9D4
400
#7DC4BD
500
#4FB0A6
600
#408C85
700
#33706A
800
#285853
900
#20413E
950
#142927

Contrast Checker

Text on white

9.98:1

AA Pass AAA Pass

Text on black

2.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026