#DAFA48

#DAFA48

Color Values

HEX

#DAFA48

RGB

218, 250, 72

HSL

70.8, 94.7%, 63.1%

HSV

70.8, 71.2%, 98.0%

CMYK

12.8%, 0.0%, 71.2%, 2.0%

OKLCH

0.9315 0.1962 119.4

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#DAFA48

#6848FA

Analogous

#FAC148

#81FA48

#DAFA48

Triadic

#DAFA48

#48DAFA

#FA48DA

Split Complementary

#DAFA48

#4881FA

#C148FA

Tetradic

#DAFA48

#48FAC1

#6848FA

#FA4881

Color Blindness Simulation

Original

#DAFA48

Protanopia

#E8E873

Deuteranopia

#E6E47D

Tritanopia

#DC959D

Achromatopsia

#E6E6E6

CSS Usage

background-color: #DAFA48;
color: #DAFA48;
border-color: #DAFA48;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FBFEF1
100
#F6FCDF
200
#F1FDB9
300
#E7FC88
400
#DAFA47
500
#CDF807
600
#A4C705
700
#839F04
800
#667C03
900
#4B5A07
950
#2F3905

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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