#8EDFE8

#8EDFE8

Color Values

HEX

#8EDFE8

RGB

142, 223, 232

HSL

186.0, 66.2%, 73.3%

HSV

186.0, 38.8%, 91.0%

CMYK

38.8%, 3.9%, 0.0%, 9.0%

OKLCH

0.8548 0.0801 204.7

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#8EDFE8

#E8978E

Analogous

#8EE8C4

#8EB2E8

#8EDFE8

Triadic

#8EDFE8

#E88EDF

#DFE88E

Split Complementary

#8EDFE8

#E88EB2

#E8C48E

Tetradic

#8EDFE8

#C48EE8

#E8978E

#B2E88E

Color Blindness Simulation

Original

#8EDFE8

Protanopia

#B1B2E6

Deuteranopia

#ACA6E5

Tritanopia

#92E4E4

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EEF3
300
#99E2EA
400
#62D3DF
500
#2BC3D4
600
#229CAA
700
#1C7D88
800
#16626A
900
#14484D
950
#0C2D31

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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