#6873FF

#6873FF

Color Values

HEX

#6873FF

RGB

104, 115, 255

HSL

235,6, 100,0%, 70,4%

HSV

235,6, 59,2%, 100,0%

CMYK

59,2%, 54,9%, 0,0%, 0,0%

OKLCH

0,6218 0,2051 275,3

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#6873FF

#FFF468

Analogous

#68BFFF

#A868FF

#6873FF

Triadic

#6873FF

#FF6873

#73FF68

Split Complementary

#6873FF

#FFA868

#BFFF68

Tetradic

#6873FF

#FF68BF

#FFF468

#68FFA8

Color Blindness Simulation

Original

#6873FF

Protanopia

#6D6DDD

Deuteranopia

#6C6BD5

Tritanopia

#69C2BC

Achromatopsia

#7B7B7B

CSS Usage

background-color: #6873FF;
color: #6873FF;
border-color: #6873FF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BDFF
300
#858EFF
400
#4250FF
500
#0013FF
600
#000FCC
700
#000CA3
800
#000980
900
#050B5C
950
#03073A

Contrast Checker

Text on white

3,83:1

AA Fail AAA Fail

Text on black

5,48:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026