#95BDEF

#95BDEF

Color Values

HEX

#95BDEF

RGB

149, 189, 239

HSL

213.3, 73.8%, 76.1%

HSV

213.3, 37.7%, 93.7%

CMYK

37.7%, 20.9%, 0.0%, 6.3%

OKLCH

0.7876 0.0836 254.3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#95BDEF

#EFC795

Analogous

#95EAEF

#9A95EF

#95BDEF

Triadic

#95BDEF

#EF95BD

#BDEF95

Split Complementary

#95BDEF

#EF9A95

#EAEF95

Tetradic

#95BDEF

#EF95EA

#EFC795

#95EF9A

Color Blindness Simulation

Original

#95BDEF

Protanopia

#A6A7E3

Deuteranopia

#A4A1E0

Tritanopia

#97D9D7

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C1D8F6
300
#95BDEF
400
#5B99E6
500
#2175DE
600
#1B5EB1
700
#154B8E
800
#113B6F
900
#102D51
950
#0A1C33

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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