#33414D

#33414D

Color Values

HEX

#33414D

RGB

51, 65, 77

HSL

207.7, 20.3%, 25.1%

HSV

207.7, 33.8%, 30.2%

CMYK

33.8%, 15.6%, 0.0%, 69.8%

OKLCH

0.3679 0.0276 244.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#33414D

#4D3F33

Analogous

#334D4C

#33344D

#33414D

Triadic

#33414D

#4D3341

#414D33

Split Complementary

#33414D

#4D3334

#4D4C33

Tetradic

#33414D

#4C334D

#4D3F33

#344D33

Color Blindness Simulation

Original

#33414D

Protanopia

#39394A

Deuteranopia

#383749

Tritanopia

#344847

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DCE3
300
#B5C3CE
400
#8DA2B4
500
#668199
600
#51687B
700
#415362
800
#33414D
900
#283139
950
#191F24

Contrast Checker

Text on white

10.48:1

AA Pass AAA Pass

Text on black

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