#8DD4FE

#8DD4FE

Color Values

HEX

#8DD4FE

RGB

141, 212, 254

HSL

202.3, 98.3%, 77.5%

HSV

202.3, 44.5%, 99.6%

CMYK

44.5%, 16.5%, 0.0%, 0.4%

OKLCH

0.8382 0.0924 235.4

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#8DD4FE

#FEB78D

Analogous

#8DFEF0

#8D9CFE

#8DD4FE

Triadic

#8DD4FE

#FE8DD4

#D4FE8D

Split Complementary

#8DD4FE

#FE8D9C

#FEF08D

Tetradic

#8DD4FE

#F08DFE

#FEB78D

#9CFE8D

Color Blindness Simulation

Original

#8DD4FE

Protanopia

#ACACF4

Deuteranopia

#A8A2F1

Tritanopia

#91ECEA

Achromatopsia

#C8C8C8

CSS Usage

background-color: #8DD4FE;
color: #8DD4FE;
border-color: #8DD4FE;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1F9FE
100
#DEF1FC
200
#B8E4FE
300
#86D1FE
400
#44B8FD
500
#02A0FD
600
#0280CA
700
#0166A2
800
#01507E
900
#063B5B
950
#04263A

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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