#33434D

#33434D

Color Values

HEX

#33434D

RGB

51, 67, 77

HSL

203.1, 20.3%, 25.1%

HSV

203.1, 33.8%, 30.2%

CMYK

33.8%, 13.0%, 0.0%, 69.8%

OKLCH

0.3731 0.0268 235.9

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#33434D

#4D3D33

Analogous

#334D4A

#33364D

#33434D

Triadic

#33434D

#4D3343

#434D33

Split Complementary

#33434D

#4D3336

#4D4A33

Tetradic

#33434D

#4A334D

#4D3D33

#364D33

Color Blindness Simulation

Original

#33434D

Protanopia

#3A3A4B

Deuteranopia

#39384A

Tritanopia

#344948

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C5CE
400
#8DA5B4
500
#668599
600
#516B7B
700
#415562
800
#33434D
900
#283239
950
#192024

Contrast Checker

Text on white

10.24:1

AA Pass AAA Pass

Text on black

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