#D3FFB4

#D3FFB4

Color Values

HEX

#D3FFB4

RGB

211, 255, 180

HSL

95.2, 100.0%, 85.3%

HSV

95.2, 29.4%, 100.0%

CMYK

17.3%, 0.0%, 29.4%, 0.0%

OKLCH

0.9511 0.1076 132.8

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#D3FFB4

#E0B4FF

Analogous

#F9FFB4

#B4FFBB

#D3FFB4

Triadic

#D3FFB4

#B4D3FF

#FFB4D3

Split Complementary

#D3FFB4

#BBB4FF

#FFB4F9

Tetradic

#D3FFB4

#B4F9FF

#E0B4FF

#FFBBB4

Color Blindness Simulation

Original

#D3FFB4

Protanopia

#E6E6C6

Deuteranopia

#E4E0CA

Tritanopia

#D5D4D8

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EBFCDE
200
#D5FFB8
300
#B7FF85
400
#90FF42
500
#69FF00
600
#54CC00
700
#43A300
800
#358000
900
#295C05
950
#1A3A03

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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