#8EE2ED

#8EE2ED

Color Values

HEX

#8EE2ED

RGB

142, 226, 237

HSL

186.9, 72.5%, 74.3%

HSV

186.9, 40.1%, 92.9%

CMYK

40.1%, 4.6%, 0.0%, 7.1%

OKLCH

0.8631 0.0829 206.3

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#8EE2ED

#ED998E

Analogous

#8EEDC8

#8EB3ED

#8EE2ED

Triadic

#8EE2ED

#ED8EE2

#E2ED8E

Split Complementary

#8EE2ED

#ED8EB3

#EDC88E

Tetradic

#8EE2ED

#C88EED

#ED998E

#B3ED8E

Color Blindness Simulation

Original

#8EE2ED

Protanopia

#B2B3EA

Deuteranopia

#AEA7EA

Tritanopia

#92E8E8

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E2F6F8
200
#C1EFF5
300
#95E4EE
400
#5CD5E5
500
#23C7DC
600
#1C9FB0
700
#167F8D
800
#12636E
900
#114950
950
#0B2E33

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026