#8DECF7

#8DECF7

Color Values

HEX

#8DECF7

RGB

141, 236, 247

HSL

186,2, 86,9%, 76,1%

HSV

186,2, 42,9%, 96,9%

CMYK

42,9%, 4,5%, 0,0%, 3,1%

OKLCH

0,8881 0,0913 205,2

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#8DECF7

#F7988D

Analogous

#8DF7CD

#8DB7F7

#8DECF7

Triadic

#8DECF7

#F78DEC

#ECF78D

Split Complementary

#8DECF7

#F78DB7

#F7CD8D

Tetradic

#8DECF7

#CD8DF7

#F7988D

#B7F78D

Color Blindness Simulation

Original

#8DECF7

Protanopia

#B6B7F4

Deuteranopia

#B1AAF4

Tritanopia

#92F2F2

Achromatopsia

#D9D9D9

CSS Usage

background-color: #8DECF7;
color: #8DECF7;
border-color: #8DECF7;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BCF4FA
300
#8DECF7
400
#4FE2F3
500
#11D7EE
600
#0DACBF
700
#0B8A99
800
#086C77
900
#0B4F56
950
#073237

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

15,47: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