#6F77D2

#6F77D2

Color Values

HEX

#6F77D2

RGB

111, 119, 210

HSL

235.2, 52.4%, 62.9%

HSV

235.2, 47.1%, 82.4%

CMYK

47.1%, 43.3%, 0.0%, 17.6%

OKLCH

0.6046 0.1372 277.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6F77D2

#D2CA6F

Analogous

#6FA8D2

#986FD2

#6F77D2

Triadic

#6F77D2

#D26F77

#77D26F

Split Complementary

#6F77D2

#D2986F

#A8D26F

Tetradic

#6F77D2

#D26FA8

#D2CA6F

#6FD298

Color Blindness Simulation

Original

#6F77D2

Protanopia

#7273BC

Deuteranopia

#7271B7

Tritanopia

#6FABA7

Achromatopsia

#7C7C7C

CSS Usage

background-color: #6F77D2;
color: #6F77D2;
border-color: #6F77D2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C9CCEE
300
#A2A7E2
400
#6F77D2
500
#3D47C2
600
#31399B
700
#272E7C
800
#1E2461
900
#1A1D47
950
#10122D

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.25:1

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