#8CE7C3

#8CE7C3

Color Values

HEX

#8CE7C3

RGB

140, 231, 195

HSL

156.3, 65.5%, 72.7%

HSV

156.3, 39.4%, 90.6%

CMYK

39.4%, 0.0%, 15.6%, 9.4%

OKLCH

0.8609 0.1018 166.8

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#8CE7C3

#E78CB0

Analogous

#8CE795

#8CDDE7

#8CE7C3

Triadic

#8CE7C3

#C38CE7

#E7C38C

Split Complementary

#8CE7C3

#E78CDD

#E7958C

Tetradic

#8CE7C3

#958CE7

#E78CB0

#DDE78C

Color Blindness Simulation

Original

#8CE7C3

Protanopia

#B3B4CC

Deuteranopia

#AEA7CE

Tritanopia

#91D3D4

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C4F3E0
300
#9AEACA
400
#63DEAE
500
#2CD391
600
#23A974
700
#1C875D
800
#166A49
900
#144D36
950
#0D3122

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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