#83ECBF

#83ECBF

Color Values

HEX

#83ECBF

RGB

131, 236, 191

HSL

154,3, 73,4%, 72,0%

HSV

154,3, 44,5%, 92,5%

CMYK

44,5%, 0,0%, 19,1%, 7,5%

OKLCH

0,8673 0,1178 164,3

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#83ECBF

#EC83B0

Analogous

#83EC8B

#83E4EC

#83ECBF

Triadic

#83ECBF

#BF83EC

#ECBF83

Split Complementary

#83ECBF

#EC83E4

#EC8B83

Tetradic

#83ECBF

#8B83EC

#EC83B0

#E4EC83

Color Blindness Simulation

Original

#83ECBF

Protanopia

#B0B1CA

Deuteranopia

#AAA2CC

Tritanopia

#88D2D4

Achromatopsia

#D2D2D2

CSS Usage

background-color: #83ECBF;
color: #83ECBF;
border-color: #83ECBF;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF8
100
#E2F8EF
200
#C1F6DF
300
#95EFC8
400
#5BE6AB
500
#22DD8D
600
#1BB171
700
#168D5A
800
#116F46
900
#105035
950
#0A3321

Contrast Checker

Text on white

1,43:1

AA Fail AAA Fail

Text on black

14,72: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