#215F4F

#215F4F

Color Values

HEX

#215F4F

RGB

33, 95, 79

HSL

164.5, 48.4%, 25.1%

HSV

164.5, 65.3%, 37.3%

CMYK

65.3%, 0.0%, 16.8%, 62.7%

OKLCH

0.4407 0.0689 173.0

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#215F4F

#5F2131

Analogous

#215F30

#21505F

#215F4F

Triadic

#215F4F

#4F215F

#5F4F21

Split Complementary

#215F4F

#5F2150

#5F3021

Tetradic

#215F4F

#30215F

#5F2131

#505F21

Color Blindness Simulation

Original

#215F4F

Protanopia

#3C3C53

Deuteranopia

#383454

Tritanopia

#245657

Achromatopsia

#515151

CSS Usage

background-color: #215F4F;
color: #215F4F;
border-color: #215F4F;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F4FAF9
100
#E6F4F1
200
#CAEDE4
300
#A4DFD0
400
#73CEB7
500
#42BD9D
600
#35977E
700
#2A7965
800
#215F4F
900
#1B463B
950
#112C25

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

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