#7477D1

#7477D1

Color Values

HEX

#7477D1

RGB

116, 119, 209

HSL

238.1, 50.3%, 63.7%

HSV

238.1, 44.5%, 82.0%

CMYK

44.5%, 43.1%, 0.0%, 18.0%

OKLCH

0.6077 0.1349 280.1

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#7477D1

#D1CE74

Analogous

#74A5D1

#9F74D1

#7477D1

Triadic

#7477D1

#D17477

#77D174

Split Complementary

#7477D1

#D19F74

#A5D174

Tetradic

#7477D1

#D174A5

#D1CE74

#74D19F

Color Blindness Simulation

Original

#7477D1

Protanopia

#7575BB

Deuteranopia

#7575B6

Tritanopia

#74AAA6

Achromatopsia

#7D7D7D

CSS Usage

background-color: #7477D1;
color: #7477D1;
border-color: #7477D1;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#C9CAED
300
#A3A5E1
400
#7174D0
500
#3F43C0
600
#333699
700
#292B7B
800
#202260
900
#1B1C46
950
#11122C

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass 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