#8DC3EB

#8DC3EB

Color Values

HEX

#8DC3EB

RGB

141, 195, 235

HSL

205.5, 70.1%, 73.7%

HSV

205.5, 40.0%, 92.2%

CMYK

40.0%, 17.0%, 0.0%, 7.8%

OKLCH

0.7941 0.0802 241.1

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8DC3EB

#EBB58D

Analogous

#8DEBE4

#8D94EB

#8DC3EB

Triadic

#8DC3EB

#EB8DC3

#C3EB8D

Split Complementary

#8DC3EB

#EB8D94

#EBE48D

Tetradic

#8DC3EB

#E48DEB

#EBB58D

#94EB8D

Color Blindness Simulation

Original

#8DC3EB

Protanopia

#A4A5E1

Deuteranopia

#A19DDF

Tritanopia

#90DAD8

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C2DFF4
300
#97C8ED
400
#5FABE3
500
#268DD9
600
#1E71AE
700
#185A8B
800
#13466C
900
#12354F
950
#0B2132

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026