#95CDF0

#95CDF0

Color Values

HEX

#95CDF0

RGB

149, 205, 240

HSL

203.1, 75.2%, 76.3%

HSV

203.1, 37.9%, 94.1%

CMYK

37.9%, 14.6%, 0.0%, 5.9%

OKLCH

0.822 0.076 236.4

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#95CDF0

#F0B895

Analogous

#95F0E6

#95A0F0

#95CDF0

Triadic

#95CDF0

#F095CD

#CDF095

Split Complementary

#95CDF0

#F095A0

#F0E695

Tetradic

#95CDF0

#E695F0

#F0B895

#A0F095

Color Blindness Simulation

Original

#95CDF0

Protanopia

#ADAEE8

Deuteranopia

#AAA6E6

Tritanopia

#98E1DF

Achromatopsia

#C4C4C4

CSS Usage

background-color: #95CDF0;
color: #95CDF0;
border-color: #95CDF0;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2F8FC
100
#E2F0F9
200
#C0E1F6
300
#94CCF0
400
#5AB1E8
500
#2096DF
600
#1978B3
700
#14608F
800
#104B70
900
#103851
950
#0A2333

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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