#8BF8CC

#8BF8CC

Color Values

HEX

#8BF8CC

RGB

139, 248, 204

HSL

155.8, 88.6%, 75.9%

HSV

155.8, 44.0%, 97.3%

CMYK

44.0%, 0.0%, 17.7%, 2.7%

OKLCH

0.9017 0.1193 165.7

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#8BF8CC

#F88BB7

Analogous

#8BF896

#8BEDF8

#8BF8CC

Triadic

#8BF8CC

#CC8BF8

#F8CC8B

Split Complementary

#8BF8CC

#F88BED

#F8968B

Tetradic

#8BF8CC

#968BF8

#F88BB7

#EDF88B

Color Blindness Simulation

Original

#8BF8CC

Protanopia

#BABBD7

Deuteranopia

#B4ACD9

Tritanopia

#90DFE1

Achromatopsia

#DEDEDE

CSS Usage

background-color: #8BF8CC;
color: #8BF8CC;
border-color: #8BF8CC;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FDF8
100
#E0FBF0
200
#BCFBE1
300
#8CF8CC
400
#4DF4B1
500
#0FF095
600
#0CC077
700
#099A60
800
#07784B
900
#0A5738
950
#063723

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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