#767EC1

#767EC1

Color Values

HEX

#767EC1

RGB

118, 126, 193

HSL

233.6, 37.7%, 61.0%

HSV

233.6, 38.9%, 75.7%

CMYK

38.9%, 34.7%, 0.0%, 24.3%

OKLCH

0.6145 0.1017 277.8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#767EC1

#C1B976

Analogous

#76A4C1

#9476C1

#767EC1

Triadic

#767EC1

#C1767E

#7EC176

Split Complementary

#767EC1

#C19476

#A4C176

Tetradic

#767EC1

#C176A4

#C1B976

#76C194

Color Blindness Simulation

Original

#767EC1

Protanopia

#797AB1

Deuteranopia

#7978AD

Tritanopia

#76A4A1

Achromatopsia

#818181

CSS Usage

background-color: #767EC1;
color: #767EC1;
border-color: #767EC1;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E9F3
200
#CED1E9
300
#ABB0D9
400
#7D85C4
500
#4F5AB0
600
#40488C
700
#333970
800
#282D58
900
#202441
950
#141629

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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