#949AF7

#949AF7

Color Values

HEX

#949AF7

RGB

148, 154, 247

HSL

236.4, 86.1%, 77.5%

HSV

236.4, 40.1%, 96.9%

CMYK

40.1%, 37.7%, 0.0%, 3.1%

OKLCH

0.7199 0.1346 279.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#949AF7

#F7F194

Analogous

#94CCF7

#C094F7

#949AF7

Triadic

#949AF7

#F7949A

#9AF794

Split Complementary

#949AF7

#F7C094

#CCF794

Tetradic

#949AF7

#F794CC

#F7F194

#94F7C0

Color Blindness Simulation

Original

#949AF7

Protanopia

#9797E1

Deuteranopia

#9696DB

Tritanopia

#94CFCB

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E2FA
200
#BDC0FA
300
#8D93F6
400
#4F59F2
500
#121FED
600
#0E19BE
700
#0B1498
800
#090F77
900
#0B0F56
950
#070A36

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.22:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026