Hex Color #9AD00D - Custom Color

Color Codes

HEX

#9AD00D

RGB

rgb(154, 208, 13)

HSL

hsl(77, 88%, 43%)

CMYK

cmyk(26%, 0%, 94%, 18%)

HSV

hsv(77, 94%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CEA40D #97CE0D #37CE0D

Triadic

#97CE0D #0D97CE #CE0D97

Split Complementary

#97CE0D #0D37CE #A40DCE

Tetradic (Square)

#97CE0D #0DCEA4 #440DCE #CE0D37

Complementary

#9AD00D #440DCE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.84:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.40: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: #9AD00D;

color: #9AD00D;

border-color: #9AD00D;

}

Tailwind CSS (with arbitrary values)

bg-[#9AD00D]

text-[#9AD00D]

border-[#9AD00D]

// Example usage: