#9299FD

#9299FD

Color Values

HEX

#9299FD

RGB

146, 153, 253

HSL

236.1, 96.4%, 78.2%

HSV

236.1, 42.3%, 99.2%

CMYK

42.3%, 39.5%, 0.0%, 0.8%

OKLCH

0.7197 0.1446 279.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9299FD

#FDF692

Analogous

#92CEFD

#C092FD

#9299FD

Triadic

#9299FD

#FD9299

#99FD92

Split Complementary

#9299FD

#FDC092

#CEFD92

Tetradic

#9299FD

#FD92CE

#FDF692

#92FDC0

Color Blindness Simulation

Original

#9299FD

Protanopia

#9595E5

Deuteranopia

#9594DF

Tritanopia

#92D2CE

Achromatopsia

#9F9F9F

CSS Usage

background-color: #9299FD;
color: #9299FD;
border-color: #9299FD;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BDFE
300
#878EFD
400
#4652FC
500
#0515FA
600
#0410C8
700
#030DA0
800
#020A7D
900
#060C5A
950
#040839

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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