Hex Color #51921E - Custom Color

Color Codes

HEX

#51921E

RGB

rgb(81, 146, 30)

HSL

hsl(94, 66%, 35%)

CMYK

cmyk(45%, 0%, 79%, 43%)

HSV

hsv(94, 79%, 57%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8C941E #51941E #1E9426

Triadic

#51941E #1E5194 #941E51

Split Complementary

#51941E #261E94 #941E8C

Tetradic (Square)

#51941E #1E8C94 #611E94 #94261E

Complementary

#51921E #611E94

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.83:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.48:1

Pass - WCAG AA (Normal Text)

Fail - 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: #51921E;

color: #51921E;

border-color: #51921E;

}

Tailwind CSS (with arbitrary values)

bg-[#51921E]

text-[#51921E]

border-[#51921E]

// Example usage: