#83B898

#83B898

Color Values

HEX

#83B898

RGB

131, 184, 152

HSL

143.8, 27.2%, 61.8%

HSV

143.8, 28.8%, 72.2%

CMYK

28.8%, 0.0%, 17.4%, 27.8%

OKLCH

0.7364 0.0726 157.6

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#83B898

#B883A3

Analogous

#89B883

#83B8B3

#83B898

Triadic

#83B898

#9883B8

#B89883

Split Complementary

#83B898

#B383B8

#B88389

Tetradic

#83B898

#8389B8

#B883A3

#B8B383

Color Blindness Simulation

Original

#83B898

Protanopia

#9A9AA0

Deuteranopia

#9793A2

Tritanopia

#86A6A7

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D2E5D9
300
#B1D2BE
400
#87BA9B
500
#5DA278
600
#4A8260
700
#3B684D
800
#2E513C
900
#253C2E
950
#17261D

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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