#214745

#214745

Color Values

HEX

#214745

RGB

33, 71, 69

HSL

176.8, 36.5%, 20.4%

HSV

176.8, 53.5%, 27.8%

CMYK

53.5%, 0.0%, 2.8%, 72.2%

OKLCH

0.3694 0.0436 190.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#214745

#472123

Analogous

#214732

#213647

#214745

Triadic

#214745

#452147

#474521

Split Complementary

#214745

#472136

#473221

Tetradic

#214745

#322147

#472123

#364721

Color Blindness Simulation

Original

#214745

Protanopia

#313245

Deuteranopia

#2F2C46

Tritanopia

#234646

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CEE8E7
300
#ABD8D6
400
#7EC3BF
500
#51AEA9
600
#418B87
700
#346F6C
800
#285755
900
#21403F
950
#152928

Contrast Checker

Text on white

10.23:1

AA Pass AAA Pass

Text on black

2.05:1

AA Fail 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