#D7F34F

#D7F34F

Color Values

HEX

#D7F34F

RGB

215, 243, 79

HSL

70.2, 87.2%, 63.1%

HSV

70.2, 67.5%, 95.3%

CMYK

11.5%, 0.0%, 67.5%, 4.7%

OKLCH

0.9146 0.1852 118.6

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#D7F34F

#6B4FF3

Analogous

#F3BD4F

#85F34F

#D7F34F

Triadic

#D7F34F

#4FD7F3

#F34FD7

Split Complementary

#D7F34F

#4F85F3

#BD4FF3

Tetradic

#D7F34F

#4FF3BD

#6B4FF3

#F34F85

Color Blindness Simulation

Original

#D7F34F

Protanopia

#E3E377

Deuteranopia

#E2DF80

Tritanopia

#D8969D

Achromatopsia

#E1E1E1

CSS Usage

background-color: #D7F34F;
color: #D7F34F;
border-color: #D7F34F;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FBFDF2
100
#F6FAE0
200
#F0FABC
300
#E5F78C
400
#D7F34E
500
#C9EF10
600
#A1BF0D
700
#81990A
800
#647708
900
#4A560A
950
#2E3707

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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