#33404D

#33404D

Color Values

HEX

#33404D

RGB

51, 64, 77

HSL

210.0, 20.3%, 25.1%

HSV

210.0, 33.8%, 30.2%

CMYK

33.8%, 16.9%, 0.0%, 69.8%

OKLCH

0.3654 0.0283 248.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#33404D

#4D4033

Analogous

#334D4D

#33334D

#33404D

Triadic

#33404D

#4D3340

#404D33

Split Complementary

#33404D

#4D3333

#4D4D33

Tetradic

#33404D

#4D334D

#4D4033

#334D33

Color Blindness Simulation

Original

#33404D

Protanopia

#39394A

Deuteranopia

#383749

Tritanopia

#344747

Achromatopsia

#3E3E3E

CSS Usage

background-color: #33404D;
color: #33404D;
border-color: #33404D;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DBE3
300
#B5C2CE
400
#8DA1B4
500
#668099
600
#51667B
700
#415262
800
#33404D
900
#283039
950
#191F24

Contrast Checker

Text on white

10.6:1

AA Pass AAA Pass

Text on black

1.98:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026