#949AF9

#949AF9

Color Values

HEX

#949AF9

RGB

148, 154, 249

HSL

236.4, 89.4%, 77.8%

HSV

236.4, 40.6%, 97.6%

CMYK

40.6%, 38.2%, 0.0%, 2.4%

OKLCH

0.7209 0.1374 279.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#949AF9

#F9F394

Analogous

#94CCF9

#C094F9

#949AF9

Triadic

#949AF9

#F9949A

#9AF994

Split Complementary

#949AF9

#F9C094

#CCF994

Tetradic

#949AF9

#F994CC

#F9F394

#94F9C0

Color Blindness Simulation

Original

#949AF9

Protanopia

#9797E2

Deuteranopia

#9696DC

Tritanopia

#94D0CC

Achromatopsia

#A0A0A0

CSS Usage

background-color: #949AF9;
color: #949AF9;
border-color: #949AF9;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E0E1FB
200
#BBBFFB
300
#8B92F9
400
#4C56F5
500
#0E1BF1
600
#0B16C1
700
#09119B
800
#070E79
900
#090E57
950
#060937

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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