#949CDC

#949CDC

Color Values

HEX

#949CDC

RGB

148, 156, 220

HSL

233.3, 50.7%, 72.2%

HSV

233.3, 32.7%, 86.3%

CMYK

32.7%, 29.1%, 0.0%, 13.7%

OKLCH

0.7107 0.0938 278.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#949CDC

#DCD494

Analogous

#94C0DC

#B094DC

#949CDC

Triadic

#949CDC

#DC949C

#9CDC94

Split Complementary

#949CDC

#DCB094

#C0DC94

Tetradic

#949CDC

#DC94C0

#DCD494

#94DCB0

Color Blindness Simulation

Original

#949CDC

Protanopia

#9798CD

Deuteranopia

#9796C9

Tritanopia

#94C0BE

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C9CDED
300
#A3AAE1
400
#717BD0
500
#3F4DC0
600
#323E9A
700
#28317B
800
#1F2760
900
#1A1F47
950
#11142D

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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