#6F80D2

#6F80D2

Color Values

HEX

#6F80D2

RGB

111, 128, 210

HSL

229.7, 52.4%, 62.9%

HSV

229.7, 47.1%, 82.4%

CMYK

47.1%, 39.0%, 0.0%, 17.6%

OKLCH

0.6226 0.1253 273.4

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6F80D2

#D2C16F

Analogous

#6FB1D2

#8F6FD2

#6F80D2

Triadic

#6F80D2

#D26F80

#80D26F

Split Complementary

#6F80D2

#D28F6F

#B1D26F

Tetradic

#6F80D2

#D26FB1

#D2C16F

#6FD28F

Color Blindness Simulation

Original

#6F80D2

Protanopia

#7677BE

Deuteranopia

#7574B9

Tritanopia

#70AEAB

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E5E8F5
200
#C9CFEE
300
#A2ADE2
400
#6F80D2
500
#3D54C2
600
#31439B
700
#27367C
800
#1E2A61
900
#1A2147
950
#10152D

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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