Hex Color #90BE11 - Custom Color

Color Codes

HEX

#90BE11

RGB

rgb(144, 190, 17)

HSL

hsl(76, 84%, 41%)

CMYK

cmyk(24%, 0%, 91%, 25%)

HSV

hsv(76, 91%, 75%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C09711 #92C011 #3AC011

Triadic

#92C011 #1192C0 #C01192

Split Complementary

#92C011 #113AC0 #9711C0

Tetradic (Square)

#92C011 #11C097 #4011C0 #C0113A

Complementary

#90BE11 #4011C0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.20:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.56:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #90BE11;

color: #90BE11;

border-color: #90BE11;

}

Tailwind CSS (with arbitrary values)

bg-[#90BE11]

text-[#90BE11]

border-[#90BE11]

// Example usage: