#DAFE85

#DAFE85

Color Values

HEX

#DAFE85

RGB

218, 254, 133

HSL

77.9, 98.4%, 75.9%

HSV

77.9, 47.6%, 99.6%

CMYK

14.2%, 0.0%, 47.6%, 0.4%

OKLCH

0.9461 0.153 123.0

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#DAFE85

#A985FE

Analogous

#FEE685

#9DFE85

#DAFE85

Triadic

#DAFE85

#85DAFE

#FE85DA

Split Complementary

#DAFE85

#859DFE

#E685FE

Tetradic

#DAFE85

#85FEE6

#A985FE

#FE859D

Color Blindness Simulation

Original

#DAFE85

Protanopia

#EAEAA2

Deuteranopia

#E8E5A9

Tritanopia

#DCB9BE

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#FAFEF1
100
#F3FCDE
200
#E9FEB8
300
#DAFE86
400
#C6FD44
500
#B2FD02
600
#8ECA02
700
#72A201
800
#597E01
900
#425B06
950
#2A3A04

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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