#95A0DC

#95A0DC

Color Values

HEX

#95A0DC

RGB

149, 160, 220

HSL

230.7, 50.4%, 72.4%

HSV

230.7, 32.3%, 86.3%

CMYK

32.3%, 27.3%, 0.0%, 13.7%

OKLCH

0.7196 0.0884 275.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#95A0DC

#DCD195

Analogous

#95C4DC

#AE95DC

#95A0DC

Triadic

#95A0DC

#DC95A0

#A0DC95

Split Complementary

#95A0DC

#DCAE95

#C4DC95

Tetradic

#95A0DC

#DC95C4

#DCD195

#95DCAE

Color Blindness Simulation

Original

#95A0DC

Protanopia

#9A9ACD

Deuteranopia

#9998CA

Tritanopia

#96C2C0

Achromatopsia

#A2A2A2

CSS Usage

background-color: #95A0DC;
color: #95A0DC;
border-color: #95A0DC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#C9CFED
300
#A3ADE1
400
#7180D0
500
#3F53C0
600
#334399
700
#28357B
800
#202A60
900
#1A2146
950
#11152C

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

8.34:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026