#8AE1C2

#8AE1C2

Color Values

HEX

#8AE1C2

RGB

138, 225, 194

HSL

158.6, 59.2%, 71.2%

HSV

158.6, 38.7%, 88.2%

CMYK

38.7%, 0.0%, 13.8%, 11.8%

OKLCH

0.8459 0.0957 169.3

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#8AE1C2

#E18AA9

Analogous

#8AE197

#8AD5E1

#8AE1C2

Triadic

#8AE1C2

#C28AE1

#E1C28A

Split Complementary

#8AE1C2

#E18AD5

#E1978A

Tetradic

#8AE1C2

#978AE1

#E18AA9

#D5E18A

Color Blindness Simulation

Original

#8AE1C2

Protanopia

#B0B0C9

Deuteranopia

#ABA4CB

Tritanopia

#8ECFD1

Achromatopsia

#CCCCCC

CSS Usage

background-color: #8AE1C2;
color: #8AE1C2;
border-color: #8AE1C2;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F4FBF8
100
#E4F6F0
200
#C6F0E1
300
#9EE6CC
400
#69D9B1
500
#34CB95
600
#2AA277
700
#21825F
800
#1A654B
900
#174A38
950
#0E2F23

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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