#484E70

#484E70

Color Values

HEX

#484E70

RGB

72, 78, 112

HSL

231.0, 21.7%, 36.1%

HSV

231.0, 35.7%, 43.9%

CMYK

35.7%, 30.4%, 0.0%, 56.1%

OKLCH

0.4332 0.0568 276.1

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#484E70

#706A48

Analogous

#486270

#564870

#484E70

Triadic

#484E70

#70484E

#4E7048

Split Complementary

#484E70

#705648

#627048

Tetradic

#484E70

#704862

#706A48

#487056

Color Blindness Simulation

Original

#484E70

Protanopia

#4B4B68

Deuteranopia

#4A4A66

Tritanopia

#486160

Achromatopsia

#4F4F4F

CSS Usage

background-color: #484E70;
color: #484E70;
border-color: #484E70;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F6F9
100
#EAEBF0
200
#D4D6E3
300
#B5B9CF
400
#8C92B5
500
#646C9B
600
#50577C
700
#404563
800
#32364E
900
#272A3A
950
#191A25

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

2.6:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026