#95AFD9

#95AFD9

Color Values

HEX

#95AFD9

RGB

149, 175, 217

HSL

217.1, 47.2%, 71.8%

HSV

217.1, 31.3%, 85.1%

CMYK

31.3%, 19.4%, 0.0%, 14.9%

OKLCH

0.7493 0.0674 259.9

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#95AFD9

#D9BF95

Analogous

#95D1D9

#9D95D9

#95AFD9

Triadic

#95AFD9

#D995AF

#AFD995

Split Complementary

#95AFD9

#D99D95

#D1D995

Tetradic

#95AFD9

#D995D1

#D9BF95

#95D99D

Color Blindness Simulation

Original

#95AFD9

Protanopia

#A0A0CF

Deuteranopia

#9F9DCC

Tritanopia

#96C7C5

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CAD7EC
300
#A5BBDF
400
#7496CD
500
#4371BC
600
#365B96
700
#2B4878
800
#22395E
900
#1C2C45
950
#121C2C

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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