#83F4BF

#83F4BF

Color Values

HEX

#83F4BF

RGB

131, 244, 191

HSL

151.9, 83.7%, 73.5%

HSV

151.9, 46.3%, 95.7%

CMYK

46.3%, 0.0%, 21.7%, 4.3%

OKLCH

0.8859 0.1288 161.8

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#83F4BF

#F483B8

Analogous

#83F486

#83F0F4

#83F4BF

Triadic

#83F4BF

#BF83F4

#F4BF83

Split Complementary

#83F4BF

#F483F0

#F48683

Tetradic

#83F4BF

#8683F4

#F483B8

#F0F483

Color Blindness Simulation

Original

#83F4BF

Protanopia

#B4B5CC

Deuteranopia

#ADA5CF

Tritanopia

#89D6D8

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDF9DD
300
#8FF5C5
400
#52F0A6
500
#15EA86
600
#11BB6B
700
#0D9656
800
#0A7543
900
#0C5533
950
#083620

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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