#95BDEC

#95BDEC

Color Values

HEX

#95BDEC

RGB

149, 189, 236

HSL

212.4, 69.6%, 75.5%

HSV

212.4, 36.9%, 92.5%

CMYK

36.9%, 19.9%, 0.0%, 7.5%

OKLCH

0.7864 0.08 252.8

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#95BDEC

#ECC495

Analogous

#95E9EC

#9995EC

#95BDEC

Triadic

#95BDEC

#EC95BD

#BDEC95

Split Complementary

#95BDEC

#EC9995

#E9EC95

Tetradic

#95BDEC

#EC95E9

#ECC495

#95EC99

Color Blindness Simulation

Original

#95BDEC

Protanopia

#A6A7E1

Deuteranopia

#A4A1DE

Tritanopia

#97D8D6

Achromatopsia

#B8B8B8

CSS Usage

background-color: #95BDEC;
color: #95BDEC;
border-color: #95BDEC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C2D9F4
300
#97BEEC
400
#5F9BE2
500
#2778D8
600
#1F60AD
700
#194D8A
800
#133C6C
900
#122E4F
950
#0B1D32

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

10.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