#949CBF

#949CBF

Color Values

HEX

#949CBF

RGB

148, 156, 191

HSL

228.8, 25.1%, 66.5%

HSV

228.8, 22.5%, 74.9%

CMYK

22.5%, 18.3%, 0.0%, 25.1%

OKLCH

0.6985 0.0521 274.9

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#949CBF

#BFB794

Analogous

#94B2BF

#A294BF

#949CBF

Triadic

#949CBF

#BF949C

#9CBF94

Split Complementary

#949CBF

#BFA294

#B2BF94

Tetradic

#949CBF

#BF94B2

#BFB794

#94BFA2

Color Blindness Simulation

Original

#949CBF

Protanopia

#9798B7

Deuteranopia

#9796B4

Tritanopia

#94B0AE

Achromatopsia

#9D9D9D

CSS Usage

background-color: #949CBF;
color: #949CBF;
border-color: #949CBF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#E9EBF1
200
#D2D6E4
300
#B2B8D1
400
#8992B8
500
#5F6BA0
600
#4C5680
700
#3D4566
800
#303650
900
#262A3B
950
#181A26

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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