HEX Color #1DF057 (Springgreen)

About #1DF057

The precise color #1DF057 is an excellent choice for modern design projects. It is closely associated with the named CSS color Springgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 29, 240, and 87.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 88% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#1DF057

RGB29, 240, 87

HSL136.5°, 87.6%, 52.7%

CMYK88%, 0%, 64%, 6%

HSV136.5°, 87.9%, 94.1%

LAB83.6, -76.5, 59.0

XYZ33.4, 63.3, 19.5

Decimal1962071

Color Harmonies

Complementary

#1DF057 #EF1DB5

Analogous

#4CEF1D #1DEFC0

Triadic

#571DEF #EF571D

Tetradic

#1D4CEF #EF1DB5 #EFC01D

Tints, Shades & Tones

Tints (Adding White)

#1DF057

#36F169

#4FF37C

#68F58F

#81F6A1

#9AF8B4

#B3FAC7

#CCFBD9

#E5FDEC

#FFFFFF

Shades (Adding Black)

#1DF057

#19D54D

#16BA43

#13A03A

#108530

#0C6A26

#09501D

#063513

#031A09

#000000

WCAG Contrast Accessibility

1.54:1

Text on #FFFFFF

FAIL

13.65:1

Text on #000000

AAA

1.47:1

Text on #F8FAFC

FAIL

11.61:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Springgreen

#00FF7F