#8FC9FE

#8FC9FE

Color Values

HEX

#8FC9FE

RGB

143, 201, 254

HSL

208.6, 98.2%, 77.8%

HSV

208.6, 43.7%, 99.6%

CMYK

43.7%, 20.9%, 0.0%, 0.4%

OKLCH

0.8157 0.0963 246.8

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#8FC9FE

#FEC48F

Analogous

#8FFEFB

#8F91FE

#8FC9FE

Triadic

#8FC9FE

#FE8FC9

#C9FE8F

Split Complementary

#8FC9FE

#FE8F91

#FEFB8F

Tetradic

#8FC9FE

#FB8FFE

#FEC48F

#91FE8F

Color Blindness Simulation

Original

#8FC9FE

Protanopia

#A8A9F1

Deuteranopia

#A5A0EE

Tritanopia

#92E7E5

Achromatopsia

#C0C0C0

CSS Usage

background-color: #8FC9FE;
color: #8FC9FE;
border-color: #8FC9FE;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DDFE
300
#86C5FE
400
#44A5FD
500
#0285FD
600
#026BCA
700
#0155A2
800
#01437E
900
#06325B
950
#04203A

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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