#8EC4FD

#8EC4FD

Color Values

HEX

#8EC4FD

RGB

142, 196, 253

HSL

210,8, 96,5%, 77,5%

HSV

210,8, 43,9%, 99,2%

CMYK

43,9%, 22,5%, 0,0%, 0,8%

OKLCH

0,8041 0,099 250,5

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#8EC4FD

#FDC78E

Analogous

#8EFCFD

#908EFD

#8EC4FD

Triadic

#8EC4FD

#FD8EC4

#C4FD8E

Split Complementary

#8EC4FD

#FD908E

#FCFD8E

Tetradic

#8EC4FD

#FD8EFC

#FDC78E

#8EFD90

Color Blindness Simulation

Original

#8EC4FD

Protanopia

#A5A6EF

Deuteranopia

#A29EEC

Tritanopia

#91E4E2

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DAFE
300
#87C0FD
400
#469EFC
500
#047CFB
600
#0463C8
700
#0350A0
800
#023E7D
900
#062F5B
950
#041E39

Contrast Checker

Text on white

1,83:1

AA Fail AAA Fail

Text on black

11,46:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026