Hex Color #DAFE69 - Custom Color

Color Codes

HEX

#DAFE69

RGB

rgb(218, 254, 105)

HSL

hsl(74, 99%, 70%)

CMYK

cmyk(14%, 0%, 59%, 0%)

HSV

hsv(74, 59%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FED667 #DBFE67 #8FFE67

Triadic

#DBFE67 #67DBFE #FE67DB

Split Complementary

#DBFE67 #678FFE #D667FE

Tetradic (Square)

#DBFE67 #67FED6 #8A67FE #FE678F

Complementary

#DAFE69 #8A67FE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.14:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 18.36:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #DAFE69;

color: #DAFE69;

border-color: #DAFE69;

}

Tailwind CSS (with arbitrary values)

bg-[#DAFE69]

text-[#DAFE69]

border-[#DAFE69]

// Example usage: