#869CFD

#869CFD

Color Values

HEX

#869CFD

RGB

134, 156, 253

HSL

228.9, 96.7%, 75.9%

HSV

228.9, 47.0%, 99.2%

CMYK

47.0%, 38.3%, 0.0%, 0.8%

OKLCH

0.7173 0.1435 272.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#869CFD

#FDE786

Analogous

#86D8FD

#AC86FD

#869CFD

Triadic

#869CFD

#FD869C

#9CFD86

Split Complementary

#869CFD

#FDAC86

#D8FD86

Tetradic

#869CFD

#FD86D8

#FDE786

#86FDAC

Color Blindness Simulation

Original

#869CFD

Protanopia

#9090E6

Deuteranopia

#8E8DE0

Tritanopia

#87D3CF

Achromatopsia

#9E9E9E

CSS Usage

background-color: #869CFD;
color: #869CFD;
border-color: #869CFD;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F3FE
100
#DEE4FC
200
#B9C6FE
300
#879DFD
400
#4567FC
500
#0432FB
600
#0328C9
700
#0320A1
800
#02197D
900
#06165B
950
#040E39

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.19:1

AA Pass AAA Pass

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