#8BECC1

#8BECC1

Color Values

HEX

#8BECC1

RGB

139, 236, 193

HSL

153.4, 71.9%, 73.5%

HSV

153.4, 41.1%, 92.5%

CMYK

41.1%, 0.0%, 18.2%, 7.5%

OKLCH

0.8713 0.111 163.9

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#8BECC1

#EC8BB6

Analogous

#8BEC90

#8BE7EC

#8BECC1

Triadic

#8BECC1

#C18BEC

#ECC18B

Split Complementary

#8BECC1

#EC8BE7

#EC908B

Tetradic

#8BECC1

#908BEC

#EC8BB6

#E7EC8B

Color Blindness Simulation

Original

#8BECC1

Protanopia

#B5B6CB

Deuteranopia

#AFA8CE

Tritanopia

#90D4D5

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E2F8EE
200
#C2F5DE
300
#96EEC7
400
#5DE4A8
500
#24DB8A
600
#1DAF6E
700
#178C58
800
#126E45
900
#115034
950
#0B3221

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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