#8FC2FA

#8FC2FA

Color Values

HEX

#8FC2FA

RGB

143, 194, 250

HSL

211.4, 91.5%, 77.1%

HSV

211.4, 42.8%, 98.0%

CMYK

42.8%, 22.4%, 0.0%, 2.0%

OKLCH

0.7992 0.0964 251.4

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8FC2FA

#FAC78F

Analogous

#8FF8FA

#928FFA

#8FC2FA

Triadic

#8FC2FA

#FA8FC2

#C2FA8F

Split Complementary

#8FC2FA

#FA928F

#F8FA8F

Tetradic

#8FC2FA

#FA8FF8

#FAC78F

#8FFA92

Color Blindness Simulation

Original

#8FC2FA

Protanopia

#A5A6EC

Deuteranopia

#A29EE9

Tritanopia

#92E2DF

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDAFC
300
#8ABFFA
400
#4A9DF7
500
#0B7AF4
600
#0962C3
700
#074E9C
800
#053D7A
900
#092F58
950
#051D38

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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