#D5FFB4

#D5FFB4

Color Values

HEX

#D5FFB4

RGB

213, 255, 180

HSL

93.6, 100.0%, 85.3%

HSV

93.6, 29.4%, 100.0%

CMYK

16.5%, 0.0%, 29.4%, 0.0%

OKLCH

0.9524 0.1066 131.9

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#D5FFB4

#DEB4FF

Analogous

#FBFFB4

#B4FFB9

#D5FFB4

Triadic

#D5FFB4

#B4D5FF

#FFB4D5

Split Complementary

#D5FFB4

#B9B4FF

#FFB4FB

Tetradic

#D5FFB4

#B4FBFF

#DEB4FF

#FFB9B4

Color Blindness Simulation

Original

#D5FFB4

Protanopia

#E7E8C6

Deuteranopia

#E5E2CA

Tritanopia

#D7D4D8

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#EBFCDE
200
#D7FFB8
300
#BAFF85
400
#95FF42
500
#70FF00
600
#5ACC00
700
#48A300
800
#388000
900
#2B5C05
950
#1B3A03

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.79:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026