Hex Color #CDF848 - Custom Color

Color Codes

HEX

#CDF848

RGB

rgb(205, 248, 72)

HSL

hsl(75, 93%, 63%)

CMYK

cmyk(17%, 0%, 71%, 3%)

HSV

hsv(75, 71%, 97%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F8CD49 #CDF849 #75F849

Triadic

#CDF849 #49CDF8 #F849CD

Split Complementary

#CDF849 #4975F8 #CD49F8

Tetradic (Square)

#CDF849 #49F8CD #7549F8 #F84975

Complementary

#CDF848 #7549F8

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.23:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.12: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: #CDF848;

color: #CDF848;

border-color: #CDF848;

}

Tailwind CSS (with arbitrary values)

bg-[#CDF848]

text-[#CDF848]

border-[#CDF848]

// Example usage: