#6872FE

#6872FE

Color Values

HEX

#6872FE

RGB

104, 114, 254

HSL

236.0, 98.7%, 70.2%

HSV

236.0, 59.1%, 99.6%

CMYK

59.1%, 55.1%, 0.0%, 0.4%

OKLCH

0.6193 0.2051 275.6

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#6872FE

#FEF468

Analogous

#68BDFE

#A968FE

#6872FE

Triadic

#6872FE

#FE6872

#72FE68

Split Complementary

#6872FE

#FEA968

#BDFE68

Tetradic

#6872FE

#FE68BD

#FEF468

#68FEA9

Color Blindness Simulation

Original

#6872FE

Protanopia

#6C6CDC

Deuteranopia

#6C6BD4

Tritanopia

#68C1BC

Achromatopsia

#7A7A7A

CSS Usage

background-color: #6872FE;
color: #6872FE;
border-color: #6872FE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BDFF
300
#858DFE
400
#4450FE
500
#0212FD
600
#010FCB
700
#010CA2
800
#01097F
900
#050B5B
950
#03073A

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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