#215056

#215056

Color Values

HEX

#215056

RGB

33, 80, 86

HSL

186.8, 44.5%, 23.3%

HSV

186.8, 61.6%, 33.7%

CMYK

61.6%, 7.0%, 0.0%, 66.3%

OKLCH

0.4015 0.0516 206.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#215056

#562721

Analogous

#215641

#213556

#215056

Triadic

#215056

#562150

#505621

Split Complementary

#215056

#562135

#564121

Tetradic

#215056

#412156

#562721

#355621

Color Blindness Simulation

Original

#215056

Protanopia

#353655

Deuteranopia

#332F54

Tritanopia

#235353

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CBE8EB
300
#A7D7DD
400
#77C1CB
500
#47ABB8
600
#398993
700
#2D6E76
800
#23565C
900
#1D3F44
950
#12282B

Contrast Checker

Text on white

8.95:1

AA Pass AAA Pass

Text on black

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