#212838

#212838

Color Values

HEX

#212838

RGB

33, 40, 56

HSL

221.7, 25.8%, 17.5%

HSV

221.7, 41.1%, 22.0%

CMYK

41.1%, 28.6%, 0.0%, 78.0%

OKLCH

0.2776 0.0314 266.1

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#212838

#383121

Analogous

#213438

#262138

#212838

Triadic

#212838

#382128

#283821

Split Complementary

#212838

#382621

#343821

Tetradic

#212838

#382134

#383121

#213826

Color Blindness Simulation

Original

#212838

Protanopia

#242434

Deuteranopia

#242333

Tritanopia

#213130

Achromatopsia

#282828

CSS Usage

background-color: #212838;
color: #212838;
border-color: #212838;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D2D8E5
300
#B2BCD2
400
#8897B9
500
#5F73A0
600
#4C5C80
700
#3D4967
800
#2F3950
900
#252C3C
950
#171C26

Contrast Checker

Text on white

14.73:1

AA Pass AAA Pass

Text on black

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