#1DF388

#1DF388

Color Values

HEX

#1DF388

RGB

29, 243, 136

HSL

150.0, 89.9%, 53.3%

HSV

150.0, 88.1%, 95.3%

CMYK

88.1%, 0.0%, 44.0%, 4.7%

OKLCH

0.8475 0.2116 153.4

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#1DF388

#F31D88

Analogous

#1DF31D

#1DF3F3

#1DF388

Triadic

#1DF388

#881DF3

#F3881D

Split Complementary

#1DF388

#F31DF3

#F31D1D

Tetradic

#1DF388

#1D1DF3

#F31D88

#F3F31D

Color Blindness Simulation

Original

#1DF388

Protanopia

#7A7CA2

Deuteranopia

#6D5DA8

Tritanopia

#28B6BB

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FBED
200
#BBFBDB
300
#8BF9C2
400
#4CF5A1
500
#0DF280
600
#0AC266
700
#089B52
800
#067940
900
#095830
950
#06371F

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.23:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026