#6F7AFE

#6F7AFE

Color Values

HEX

#6F7AFE

RGB

111, 122, 254

HSL

235.4, 98.6%, 71.6%

HSV

235.4, 56.3%, 99.6%

CMYK

56.3%, 52.0%, 0.0%, 0.4%

OKLCH

0.6382 0.1935 275.9

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#6F7AFE

#FEF36F

Analogous

#6FC2FE

#AC6FFE

#6F7AFE

Triadic

#6F7AFE

#FE6F7A

#7AFE6F

Split Complementary

#6F7AFE

#FEAC6F

#C2FE6F

Tetradic

#6F7AFE

#FE6FC2

#FEF36F

#6FFEAC

Color Blindness Simulation

Original

#6F7AFE

Protanopia

#7474DE

Deuteranopia

#7372D6

Tritanopia

#70C5BF

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BDFF
300
#858FFE
400
#4452FE
500
#0215FD
600
#0111CB
700
#010DA2
800
#010B7F
900
#050C5B
950
#03083A

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

5.89:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026