#4F4998

#4F4998

Color Values

HEX

#4F4998

RGB

79, 73, 152

HSL

244.6, 35.1%, 44.1%

HSV

244.6, 52.0%, 59.6%

CMYK

48.0%, 52.0%, 0.0%, 40.4%

OKLCH

0.4527 0.1249 283.6

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#4F4998

#929849

Analogous

#496A98

#774998

#4F4998

Triadic

#4F4998

#984F49

#49984F

Split Complementary

#4F4998

#987749

#6A9849

Tetradic

#4F4998

#98496A

#929849

#499877

Color Blindness Simulation

Original

#4F4998

Protanopia

#4C4C85

Deuteranopia

#4D4D80

Tritanopia

#4F7672

Achromatopsia

#505050

CSS Usage

background-color: #4F4998;
color: #4F4998;
border-color: #4F4998;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E9E8F2
200
#D1CFE8
300
#B0ACD7
400
#8580C2
500
#5A53AC
600
#48428A
700
#39356E
800
#2D2956
900
#232140
950
#161528

Contrast Checker

Text on white

7.67:1

AA Pass AAA Pass

Text on black

2.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026