#83FACB

#83FACB

Color Values

HEX

#83FACB

RGB

131, 250, 203

HSL

156,3, 92,2%, 74,7%

HSV

156,3, 47,6%, 98,0%

CMYK

47,6%, 0,0%, 18,8%, 2,0%

OKLCH

0,9027 0,1278 165,7

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#83FACB

#FA83B2

Analogous

#83FA8F

#83EDFA

#83FACB

Triadic

#83FACB

#CB83FA

#FACB83

Split Complementary

#83FACB

#FA83ED

#FA8F83

Tetradic

#83FACB

#8F83FA

#FA83B2

#EDFA83

Color Blindness Simulation

Original

#83FACB

Protanopia

#B7B8D6

Deuteranopia

#B0A7D9

Tritanopia

#89DFE1

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BAFCE2
300
#89FACE
400
#4AF8B3
500
#0AF598
600
#08C47A
700
#069D61
800
#057B4C
900
#085939
950
#053824

Contrast Checker

Text on white

1,27:1

AA Fail AAA Fail

Text on black

16,5:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026