#D7F9AF

#D7F9AF

Color Values

HEX

#D7F9AF

RGB

215, 249, 175

HSL

87.6, 86.0%, 83.1%

HSV

87.6, 29.7%, 97.6%

CMYK

13.7%, 0.0%, 29.7%, 2.4%

OKLCH

0.9401 0.1023 128.3

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#D7F9AF

#D1AFF9

Analogous

#F9F6AF

#B2F9AF

#D7F9AF

Triadic

#D7F9AF

#AFD7F9

#F9AFD7

Split Complementary

#D7F9AF

#AFB2F9

#F6AFF9

Tetradic

#D7F9AF

#AFF9F6

#D1AFF9

#F9AFB2

Color Blindness Simulation

Original

#D7F9AF

Protanopia

#E6E6C1

Deuteranopia

#E4E1C5

Tritanopia

#D9CFD2

Achromatopsia

#ECECEC

CSS Usage

background-color: #D7F9AF;
color: #D7F9AF;
border-color: #D7F9AF;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DEFABD
300
#C6F68D
400
#A7F250
500
#88ED12
600
#6DBE0E
700
#57980B
800
#447709
900
#33560B
950
#203607

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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