#33474E

#33474E

Color Values

HEX

#33474E

RGB

51, 71, 78

HSL

195.6, 20.9%, 25.3%

HSV

195.6, 34.6%, 30.6%

CMYK

34.6%, 9.0%, 0.0%, 69.4%

OKLCH

0.3839 0.0277 221.5

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#33474E

#4E3A33

Analogous

#334E48

#333A4E

#33474E

Triadic

#33474E

#4E3347

#474E33

Split Complementary

#33474E

#4E333A

#4E4833

Tetradic

#33474E

#48334E

#4E3A33

#3A4E33

Color Blindness Simulation

Original

#33474E

Protanopia

#3C3C4C

Deuteranopia

#3A394C

Tritanopia

#344B4B

Achromatopsia

#434343

CSS Usage

background-color: #33474E;
color: #33474E;
border-color: #33474E;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4DFE3
300
#B5C8CF
400
#8DAAB4
500
#658C9A
600
#51707B
700
#415A63
800
#32464D
900
#27353A
950
#192124

Contrast Checker

Text on white

9.76:1

AA Pass AAA Pass

Text on black

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