#95C4F5

#95C4F5

Color Values

HEX

#95C4F5

RGB

149, 196, 245

HSL

210.6, 82.8%, 77.3%

HSV

210.6, 39.2%, 96.1%

CMYK

39.2%, 20.0%, 0.0%, 3.9%

OKLCH

0.8048 0.0857 250.0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#95C4F5

#F5C695

Analogous

#95F4F5

#9695F5

#95C4F5

Triadic

#95C4F5

#F595C4

#C4F595

Split Complementary

#95C4F5

#F59695

#F4F595

Tetradic

#95C4F5

#F595F4

#F5C695

#95F596

Color Blindness Simulation

Original

#95C4F5

Protanopia

#A9AAE9

Deuteranopia

#A7A3E6

Tritanopia

#97E0DE

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDBF9
300
#8FC1F4
400
#539FEF
500
#167DE9
600
#1264BA
700
#0E5095
800
#0B3F75
900
#0C3055
950
#081E35

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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