#6F72DF

#6F72DF

Color Values

HEX

#6F72DF

RGB

111, 114, 223

HSL

238.4, 63.6%, 65.5%

HSV

238.4, 50.2%, 87.5%

CMYK

50.2%, 48.9%, 0.0%, 12.5%

OKLCH

0.6029 0.1622 279.2

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#6F72DF

#DFDC6F

Analogous

#6FAADF

#A46FDF

#6F72DF

Triadic

#6F72DF

#DF6F72

#72DF6F

Split Complementary

#6F72DF

#DFA46F

#AADF6F

Tetradic

#6F72DF

#DF6FAA

#DFDC6F

#6FDFA4

Color Blindness Simulation

Original

#6F72DF

Protanopia

#7070C5

Deuteranopia

#7070BE

Tritanopia

#6FB0AB

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F3F3FB
100
#E4E4F7
200
#C5C6F2
300
#9B9DE9
400
#6568DD
500
#2E33D1
600
#2529A7
700
#1E2085
800
#171968
900
#15164C
950
#0D0E30

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.15:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026