#8FDDF5

#8FDDF5

Color Values

HEX

#8FDDF5

RGB

143, 221, 245

HSL

194.1, 83.6%, 76.1%

HSV

194.1, 41.6%, 96.1%

CMYK

41.6%, 9.8%, 0.0%, 3.9%

OKLCH

0.8554 0.0835 219.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#8FDDF5

#F5A78F

Analogous

#8FF5DA

#8FAAF5

#8FDDF5

Triadic

#8FDDF5

#F58FDD

#DDF58F

Split Complementary

#8FDDF5

#F58FAA

#F5DA8F

Tetradic

#8FDDF5

#DA8FF5

#F5A78F

#AAF58F

Color Blindness Simulation

Original

#8FDDF5

Protanopia

#B1B1EF

Deuteranopia

#ACA6EE

Tritanopia

#93EBEA

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E0F4FA
200
#BDEBF9
300
#8FDDF5
400
#52CAF0
500
#15B8EA
600
#1193BB
700
#0D7696
800
#0A5C75
900
#0C4455
950
#082B36

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026