#6F71F3

#6F71F3

Color Values

HEX

#6F71F3

RGB

111, 113, 243

HSL

239.1, 84.6%, 69.4%

HSV

239.1, 54.3%, 95.3%

CMYK

54.3%, 53.5%, 0.0%, 4.7%

OKLCH

0.6144 0.1904 278.5

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#6F71F3

#F3F16F

Analogous

#6FB3F3

#AF6FF3

#6F71F3

Triadic

#6F71F3

#F36F71

#71F36F

Split Complementary

#6F71F3

#F3AF6F

#B3F36F

Tetradic

#6F71F3

#F36FB3

#F3F16F

#6FF3AF

Color Blindness Simulation

Original

#6F71F3

Protanopia

#7070D4

Deuteranopia

#7070CC

Tritanopia

#6FBBB5

Achromatopsia

#7A7A7A

CSS Usage

background-color: #6F71F3;
color: #6F71F3;
border-color: #6F71F3;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBEFA
300
#8E90F6
400
#5153F0
500
#1417EB
600
#1012BC
700
#0D0F97
800
#0A0B76
900
#0C0D55
950
#070836

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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