#859EFF

#859EFF

Color Values

HEX

#859EFF

RGB

133, 158, 255

HSL

227.7, 100.0%, 76.1%

HSV

227.7, 47.8%, 100.0%

CMYK

47.8%, 38.0%, 0.0%, 0.0%

OKLCH

0.7217 0.144 271.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#859EFF

#FFE685

Analogous

#85DBFF

#A985FF

#859EFF

Triadic

#859EFF

#FF859E

#9EFF85

Split Complementary

#859EFF

#FFA985

#DBFF85

Tetradic

#859EFF

#FF85DB

#FFE685

#85FFA9

Color Blindness Simulation

Original

#859EFF

Protanopia

#9090E8

Deuteranopia

#8E8CE2

Tritanopia

#86D5D1

Achromatopsia

#A0A0A0

CSS Usage

background-color: #859EFF;
color: #859EFF;
border-color: #859EFF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F4FE
100
#DEE4FC
200
#B8C6FF
300
#859EFF
400
#4269FF
500
#0034FF
600
#002ACC
700
#0021A3
800
#001A80
900
#05175C
950
#030E3A

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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