#212F30

#212F30

Color Values

HEX

#212F30

RGB

33, 47, 48

HSL

184.0, 18.5%, 15.9%

HSV

184.0, 31.2%, 18.8%

CMYK

31.3%, 2.1%, 0.0%, 81.2%

OKLCH

0.293 0.0189 201.7

Properties

Cool Dark Nearest: RAL 7016 Anthracite Grey

Color Harmonies

Complementary

#212F30

#302221

Analogous

#21302A

#212830

#212F30

Triadic

#212F30

#30212F

#2F3021

Split Complementary

#212F30

#302128

#302A21

Tetradic

#212F30

#2A2130

#302221

#283021

Color Blindness Simulation

Original

#212F30

Protanopia

#272730

Deuteranopia

#262530

Tritanopia

#223030

Achromatopsia

#2C2C2C

CSS Usage

background-color: #212F30;
color: #212F30;
border-color: #212F30;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D5E1E2
300
#B6CCCD
400
#8FB0B2
500
#689497
600
#537679
700
#435F61
800
#344A4C
900
#283739
950
#1A2324

Contrast Checker

Text on white

13.87:1

AA Pass AAA Pass

Text on black

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