#8F97FF

#8F97FF

Color Values

HEX

#8F97FF

RGB

143, 151, 255

HSL

235,7, 100,0%, 78,0%

HSV

235,7, 43,9%, 100,0%

CMYK

43,9%, 40,8%, 0,0%, 0,0%

OKLCH

0,7148 0,1506 278,5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#8F97FF

#FFF78F

Analogous

#8FCFFF

#BF8FFF

#8F97FF

Triadic

#8F97FF

#FF8F97

#97FF8F

Split Complementary

#8F97FF

#FFBF8F

#CFFF8F

Tetradic

#8F97FF

#FF8FCF

#FFF78F

#8FFFBF

Color Blindness Simulation

Original

#8F97FF

Protanopia

#9293E6

Deuteranopia

#9291E0

Tritanopia

#8FD2CE

Achromatopsia

#9D9D9D

CSS Usage

background-color: #8F97FF;
color: #8F97FF;
border-color: #8F97FF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

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

Contrast Checker

Text on white

2,61:1

AA Fail AAA Fail

Text on black

8,04:1

AA Pass AAA Pass

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