#6F70FE

#6F70FE

Color Values

HEX

#6F70FE

RGB

111, 112, 254

HSL

239.6, 98.6%, 71.6%

HSV

239.6, 56.3%, 99.6%

CMYK

56.3%, 55.9%, 0.0%, 0.4%

OKLCH

0.6204 0.206 278.2

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#6F70FE

#FEFD6F

Analogous

#6FB8FE

#B66FFE

#6F70FE

Triadic

#6F70FE

#FE6F70

#70FE6F

Split Complementary

#6F70FE

#FEB66F

#B8FE6F

Tetradic

#6F70FE

#FE6FB8

#FEFD6F

#6FFEB6

Color Blindness Simulation

Original

#6F70FE

Protanopia

#6F6FDC

Deuteranopia

#6F6FD3

Tritanopia

#6FC0BB

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B8B9FF
300
#8586FE
400
#4445FE
500
#0203FD
600
#0103CB
700
#0102A2
800
#01027F
900
#05065B
950
#03043A

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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