#949CD8

#949CD8

Color Values

HEX

#949CD8

RGB

148, 156, 216

HSL

232.9, 46.6%, 71.4%

HSV

232.9, 31.5%, 84.7%

CMYK

31.5%, 27.8%, 0.0%, 15.3%

OKLCH

0.7089 0.0881 278.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#949CD8

#D8D094

Analogous

#94BED8

#AE94D8

#949CD8

Triadic

#949CD8

#D8949C

#9CD894

Split Complementary

#949CD8

#D8AE94

#BED894

Tetradic

#949CD8

#D894BE

#D8D094

#94D8AE

Color Blindness Simulation

Original

#949CD8

Protanopia

#9798C9

Deuteranopia

#9796C6

Tritanopia

#94BEBC

Achromatopsia

#9F9F9F

CSS Usage

background-color: #949CD8;
color: #949CD8;
border-color: #949CD8;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CBCFEC
300
#A5ACDE
400
#757FCD
500
#4452BB
600
#364296
700
#2C3578
800
#22295D
900
#1C2145
950
#12152B

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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