HEX Color #1DD3A0 (Mediumseagreen)

About #1DD3A0

The precise color #1DD3A0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumseagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 29, 211, and 160.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 86% Cyan, 0% Magenta, 24% Yellow, and 17% Black. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#1DD3A0

RGB29, 211, 160

HSL163.2°, 75.8%, 47.1%

CMYK86%, 0%, 24%, 17%

HSV163.2°, 86.3%, 82.7%

LAB75.7, -54.2, 13.4

XYZ30.1, 49.4, 41.2

Decimal1954720

Color Harmonies

Complementary

#1DD3A0 #D21D4F

Analogous

#1DD245 #1DAAD2

Triadic

#A01DD2 #D2A01D

Tetradic

#451DD2 #D21D4F #AAD21D

Tints, Shades & Tones

Tints (Adding White)

#1DD3A0

#36D7AA

#4FDCB5

#68E1BF

#81E6CA

#9AEBD4

#B3F0DF

#CCF5E9

#E5FAF4

#FFFFFF

Shades (Adding Black)

#1DD3A0

#19BB8E

#16A47C

#138C6A

#107558

#0C5D47

#094635

#062E23

#031711

#000000

WCAG Contrast Accessibility

1.93:1

Text on #FFFFFF

FAIL

10.88:1

Text on #000000

AAA

1.85:1

Text on #F8FAFC

FAIL

9.25:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #1DD3A0; }

.text-color { color: #1DD3A0; }

.border-color { border: 2px solid #1DD3A0; }

Similar Colors

Mediumseagreen

#3CB371