#1DF187

#1DF187

Color Values

HEX

#1DF187

RGB

29, 241, 135

HSL

150,0, 88,3%, 52,9%

HSV

150,0, 88,0%, 94,5%

CMYK

88,0%, 0,0%, 44,0%, 5,5%

OKLCH

0,8422 0,2101 153,4

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#1DF187

#F11D87

Analogous

#1DF11D

#1DF1F1

#1DF187

Triadic

#1DF187

#871DF1

#F1871D

Split Complementary

#1DF187

#F11DF1

#F11D1D

Tetradic

#1DF187

#1D1DF1

#F11D87

#F1F11D

Color Blindness Simulation

Original

#1DF187

Protanopia

#797BA1

Deuteranopia

#6C5DA7

Tritanopia

#28B5B9

Achromatopsia

#BCBCBC

CSS Usage

background-color: #1DF187;
color: #1DF187;
border-color: #1DF187;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E0FBED
200
#BCFBDB
300
#8CF8C2
400
#4DF4A1
500
#0FF080
600
#0CC066
700
#0A9A52
800
#077840
900
#0A5730
950
#06371F

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

13,98: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