#33484D

#33484D

Color Values

HEX

#33484D

RGB

51, 72, 77

HSL

191.5, 20.3%, 25.1%

HSV

191.5, 33.8%, 30.2%

CMYK

33.8%, 6.5%, 0.0%, 69.8%

OKLCH

0.3861 0.0275 214.0

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#33484D

#4D3833

Analogous

#334D45

#333B4D

#33484D

Triadic

#33484D

#4D3348

#484D33

Split Complementary

#33484D

#4D333B

#4D4533

Tetradic

#33484D

#45334D

#4D3833

#3B4D33

Color Blindness Simulation

Original

#33484D

Protanopia

#3C3C4C

Deuteranopia

#3B394C

Tritanopia

#344B4B

Achromatopsia

#444444

CSS Usage

background-color: #33484D;
color: #33484D;
border-color: #33484D;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E3
300
#B5C9CE
400
#8DACB4
500
#668F99
600
#51737B
700
#415C62
800
#33484D
900
#283639
950
#192224

Contrast Checker

Text on white

9.66:1

AA Pass AAA Pass

Text on black

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