#8CC4F7

#8CC4F7

Color Values

HEX

#8CC4F7

RGB

140, 196, 247

HSL

208.6, 87.0%, 75.9%

HSV

208.6, 43.3%, 96.9%

CMYK

43.3%, 20.6%, 0.0%, 3.1%

OKLCH

0.8005 0.0932 246.7

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8CC4F7

#F7BF8C

Analogous

#8CF7F5

#8C8FF7

#8CC4F7

Triadic

#8CC4F7

#F78CC4

#C4F78C

Split Complementary

#8CC4F7

#F78C8F

#F7F58C

Tetradic

#8CC4F7

#F58CF7

#F7BF8C

#8FF78C

Color Blindness Simulation

Original

#8CC4F7

Protanopia

#A4A5EB

Deuteranopia

#A19DE8

Tritanopia

#8FE1DF

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDDFA
300
#8DC4F7
400
#4FA4F3
500
#1185EE
600
#0D6ABF
700
#0B5599
800
#084277
900
#0B3256
950
#072037

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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