#8AEDEC

#8AEDEC

Color Values

HEX

#8AEDEC

RGB

138, 237, 236

HSL

179.4, 73.3%, 73.5%

HSV

179.4, 41.8%, 92.9%

CMYK

41.8%, 0.0%, 0.4%, 7.1%

OKLCH

0.8854 0.0935 194.8

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#8AEDEC

#ED8A8B

Analogous

#8AEDBA

#8ABCED

#8AEDEC

Triadic

#8AEDEC

#EC8AED

#EDEC8A

Split Complementary

#8AEDEC

#ED8ABC

#EDBA8A

Tetradic

#8AEDEC

#BA8AED

#ED8A8B

#BCED8A

Color Blindness Simulation

Original

#8AEDEC

Protanopia

#B5B6EC

Deuteranopia

#AFA8EC

Tritanopia

#8FECEC

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F5F5
300
#95EFEE
400
#5BE6E4
500
#22DDDB
600
#1BB1AF
700
#168D8C
800
#116E6E
900
#105050
950
#0A3332

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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