#83ECB4

#83ECB4

Color Values

HEX

#83ECB4

RGB

131, 236, 180

HSL

148.0, 73.4%, 72.0%

HSV

148.0, 44.5%, 92.5%

CMYK

44.5%, 0.0%, 23.7%, 7.5%

OKLCH

0.8646 0.1267 158.9

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#83ECB4

#EC83BB

Analogous

#87EC83

#83ECE9

#83ECB4

Triadic

#83ECB4

#B483EC

#ECB483

Split Complementary

#83ECB4

#E983EC

#EC8387

Tetradic

#83ECB4

#8387EC

#EC83BB

#ECE983

Color Blindness Simulation

Original

#83ECB4

Protanopia

#B0B1C2

Deuteranopia

#AAA2C5

Tritanopia

#88CCCF

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8EC
200
#C1F6DA
300
#95EFBF
400
#5BE69C
500
#22DD79
600
#1BB161
700
#168D4E
800
#116F3D
900
#10502E
950
#0A331D

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026