#1BDF7D

#1BDF7D

Color Values

HEX

#1BDF7D

RGB

27, 223, 125

HSL

150.0, 78.4%, 49.0%

HSV

150.0, 87.9%, 87.5%

CMYK

87.9%, 0.0%, 43.9%, 12.5%

OKLCH

0.7945 0.1976 153.5

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#1BDF7D

#DF1B7D

Analogous

#1BDF1B

#1BDFDF

#1BDF7D

Triadic

#1BDF7D

#7D1BDF

#DF7D1B

Split Complementary

#1BDF7D

#DF1BDF

#DF1B1B

Tetradic

#1BDF7D

#1B1BDF

#DF1B7D

#DFDF1B

Color Blindness Simulation

Original

#1BDF7D

Protanopia

#707295

Deuteranopia

#64569A

Tritanopia

#25A7AC

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E1F9ED
200
#BFF7DB
300
#92F2C2
400
#57EBA1
500
#1CE380
600
#16B666
700
#129252
800
#0E7240
900
#0E5330
950
#09341F

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.9: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