#9299FF

#9299FF

Color Values

HEX

#9299FF

RGB

146, 153, 255

HSL

236.1, 100.0%, 78.6%

HSV

236.1, 42.7%, 100.0%

CMYK

42.7%, 40.0%, 0.0%, 0.0%

OKLCH

0.7207 0.1473 279.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9299FF

#FFF892

Analogous

#92D0FF

#C192FF

#9299FF

Triadic

#9299FF

#FF9299

#99FF92

Split Complementary

#9299FF

#FFC192

#D0FF92

Tetradic

#9299FF

#FF92D0

#FFF892

#92FFC1

Color Blindness Simulation

Original

#9299FF

Protanopia

#9595E6

Deuteranopia

#9594E0

Tritanopia

#92D3CF

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BCFF
300
#858DFF
400
#424FFF
500
#0011FF
600
#000DCC
700
#000BA3
800
#000880
900
#050B5C
950
#03073A

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026