#95BAD0

#95BAD0

Color Values

HEX

#95BAD0

RGB

149, 186, 208

HSL

202.4, 38.6%, 70.0%

HSV

202.4, 28.4%, 81.6%

CMYK

28.4%, 10.6%, 0.0%, 18.4%

OKLCH

0.7693 0.0508 234.4

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#95BAD0

#D0AB95

Analogous

#95D0C9

#959CD0

#95BAD0

Triadic

#95BAD0

#D095BA

#BAD095

Split Complementary

#95BAD0

#D0959C

#D0C995

Tetradic

#95BAD0

#C995D0

#D0AB95

#9CD095

Color Blindness Simulation

Original

#95BAD0

Protanopia

#A5A5CB

Deuteranopia

#A3A0C9

Tritanopia

#97C6C6

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CEDFE9
300
#AAC8D9
400
#7CAAC5
500
#4E8CB1
600
#3F708D
700
#325A71
800
#274658
900
#203541
950
#142129

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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