HEX Color #83C5A0 (Darkseagreen)

About #83C5A0

The hex code #83C5A0 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Darkseagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 131, 197, and 160.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 34% C, 0% M, 19% Y, and 23% K. The HSL representation is 146.4° hue, 36.3% saturation, and 64.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#83C5A0

RGB131, 197, 160

HSL146.4°, 36.3%, 64.3%

CMYK34%, 0%, 19%, 23%

HSV146.4°, 33.5%, 77.3%

LAB74.4, -28.9, 12.0

XYZ35.7, 47.3, 40.5

Decimal8635808

Color Harmonies

Complementary

#83C5A0 #C483A7

Analogous

#86C483 #83C4C1

Triadic

#A083C4 #C4A083

Tetradic

#8386C4 #C483A7 #C4C183

Tints, Shades & Tones

Tints (Adding White)

#83C5A0

#90CBAA

#9ED1B5

#ACD8BF

#BADECA

#C7E5D4

#D5EBDF

#E3F2E9

#F1F8F4

#FFFFFF

Shades (Adding Black)

#83C5A0

#74AF8E

#65997C

#57836A

#486D58

#3A5747

#2B4135

#1D2B23

#0E1511

#000000

WCAG Contrast Accessibility

2.01:1

Text on #FFFFFF

FAIL

10.46:1

Text on #000000

AAA

1.92:1

Text on #F8FAFC

FAIL

8.89:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #83C5A0; }

.text-color { color: #83C5A0; }

.border-color { border: 2px solid #83C5A0; }

Similar Colors

Darkseagreen

#8FBC8F