#215256

#215256

Color Values

HEX

#215256

RGB

33, 82, 86

HSL

184.5, 44.5%, 23.3%

HSV

184.5, 61.6%, 33.7%

CMYK

61.6%, 4.7%, 0.0%, 66.3%

OKLCH

0.407 0.0528 202.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#215256

#562521

Analogous

#21563F

#213756

#215256

Triadic

#215256

#562152

#525621

Split Complementary

#215256

#562137

#563F21

Tetradic

#215256

#3F2156

#562521

#375621

Color Blindness Simulation

Original

#215256

Protanopia

#363755

Deuteranopia

#333055

Tritanopia

#235454

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBE9EB
300
#A7D9DD
400
#77C4CB
500
#47B0B8
600
#398D93
700
#2D7076
800
#23585C
900
#1D4144
950
#12292B

Contrast Checker

Text on white

8.73:1

AA Pass AAA Pass

Text on black

2.41:1

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