#95B2C4

#95B2C4

Color Values

HEX

#95B2C4

RGB

149, 178, 196

HSL

203.0, 28.5%, 67.6%

HSV

203.0, 24.0%, 76.9%

CMYK

24.0%, 9.2%, 0.0%, 23.1%

OKLCH

0.7478 0.0411 235.4

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#95B2C4

#C4A795

Analogous

#95C4BE

#959AC4

#95B2C4

Triadic

#95B2C4

#C495B2

#B2C495

Split Complementary

#95B2C4

#C4959A

#C4BE95

Tetradic

#95B2C4

#BE95C4

#C4A795

#9AC495

Color Blindness Simulation

Original

#95B2C4

Protanopia

#A2A2C0

Deuteranopia

#A09EBF

Tritanopia

#96BCBB

Achromatopsia

#ADADAD

CSS Usage

background-color: #95B2C4;
color: #95B2C4;
border-color: #95B2C4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8F9
100
#E9EEF1
200
#D1DEE5
300
#B0C6D3
400
#86A7BC
500
#5B88A4
600
#496D83
700
#3A5769
800
#2E4452
900
#24333D
950
#172026

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.44:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026