#D4FBAF

#D4FBAF

Color Values

HEX

#D4FBAF

RGB

212, 251, 175

HSL

90,8, 90,5%, 83,5%

HSV

90,8, 30,3%, 98,4%

CMYK

15,5%, 0,0%, 30,3%, 1,6%

OKLCH

0,9423 0,1066 130,3

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#D4FBAF

#D6AFFB

Analogous

#FAFBAF

#AFFBB0

#D4FBAF

Triadic

#D4FBAF

#AFD4FB

#FBAFD4

Split Complementary

#D4FBAF

#B0AFFB

#FBAFFA

Tetradic

#D4FBAF

#AFFAFB

#D6AFFB

#FBB0AF

Color Blindness Simulation

Original

#D4FBAF

Protanopia

#E5E5C1

Deuteranopia

#E3E0C6

Tritanopia

#D6D0D3

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DAFCBB
300
#C0F98A
400
#9EF64B
500
#7CF30C
600
#64C20A
700
#509B08
800
#3E7906
900
#2F5809
950
#1E3806

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,22: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