HEX Color #1DF875 (Springgreen)

About #1DF875

The hex code #1DF875 represents a beautifully specific shade of green. Designers often compare it to the standard color Springgreen. Its digital footprint relies on 29 parts red, 248 parts green, and 117 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 88% Cyan, 0% Magenta, 53% Yellow, and 3% Black. The HSL representation is 144.1° hue, 94.0% saturation, and 54.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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#1DF875

RGB29, 248, 117

HSL144.1°, 94.0%, 54.3%

CMYK88%, 0%, 53%, 3%

HSV144.1°, 88.3%, 97.3%

LAB86.3, -75.1, 49.1

XYZ37.3, 68.7, 28.1

Decimal1964149

Color Harmonies

Complementary

#1DF875 #F81C9F

Analogous

#32F81C #1CF8E2

Triadic

#741CF8 #F8741C

Tetradic

#1C32F8 #F81C9F #F8E21C

Tints, Shades & Tones

Tints (Adding White)

#1DF875

#36F884

#4FF993

#68FAA3

#81FBB2

#9AFBC1

#B3FCD1

#CCFDE0

#E5FEEF

#FFFFFF

Shades (Adding Black)

#1DF875

#19DC68

#16C05B

#13A54E

#108941

#0C6E34

#095227

#06371A

#031B0D

#000000

WCAG Contrast Accessibility

1.43:1

Text on #FFFFFF

FAIL

14.74:1

Text on #000000

AAA

1.36:1

Text on #F8FAFC

FAIL

12.53:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Springgreen

#00FF7F