#86A0FE

#86A0FE

Color Values

HEX

#86A0FE

RGB

134, 160, 254

HSL

227.0, 98.4%, 76.1%

HSV

227.0, 47.2%, 99.6%

CMYK

47.2%, 37.0%, 0.0%, 0.4%

OKLCH

0.7258 0.14 270.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#86A0FE

#FEE486

Analogous

#86DCFE

#A886FE

#86A0FE

Triadic

#86A0FE

#FE86A0

#A0FE86

Split Complementary

#86A0FE

#FEA886

#DCFE86

Tetradic

#86A0FE

#FE86DC

#FEE486

#86FEA8

Color Blindness Simulation

Original

#86A0FE

Protanopia

#9191E7

Deuteranopia

#908EE2

Tritanopia

#87D5D1

Achromatopsia

#A1A1A1

CSS Usage

background-color: #86A0FE;
color: #86A0FE;
border-color: #86A0FE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C7FE
300
#86A0FE
400
#446CFD
500
#0238FD
600
#022DCA
700
#0124A2
800
#011C7E
900
#06185B
950
#040F3A

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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