#83B48F

#83B48F

Color Values

HEX

#83B48F

RGB

131, 180, 143

HSL

134,7, 24,6%, 61,0%

HSV

134,7, 27,2%, 70,6%

CMYK

27,2%, 0,0%, 20,6%, 29,4%

OKLCH

0,7248 0,0746 151,8

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#83B48F

#B483A8

Analogous

#90B483

#83B4A8

#83B48F

Triadic

#83B48F

#8F83B4

#B48F83

Split Complementary

#83B48F

#A883B4

#B48390

Tetradic

#83B48F

#8390B4

#B483A8

#B4A883

Color Blindness Simulation

Original

#83B48F

Protanopia

#989998

Deuteranopia

#95929A

Tritanopia

#859FA1

Achromatopsia

#A7A7A7

CSS Usage

background-color: #83B48F;
color: #83B48F;
border-color: #83B48F;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F6F9F7
100
#E9F1EB
200
#D3E4D7
300
#B3D1BA
400
#89B895
500
#609F70
600
#4D7F59
700
#3E6647
800
#304F38
900
#263B2B
950
#18251B

Contrast Checker

Text on white

2,36:1

AA Fail AAA Fail

Text on black

8,89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026