Hex Color #878302 - Custom Color

Color Codes

HEX

#878302

RGB

rgb(135, 131, 2)

HSL

hsl(58, 97%, 27%)

CMYK

cmyk(0%, 3%, 99%, 47%)

HSV

hsv(58, 99%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#884002 #888302 #498802

Triadic

#888302 #028883 #830288

Split Complementary

#888302 #024988 #400288

Tetradic (Square)

#888302 #028840 #020788 #880249

Complementary

#878302 #020788

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.98:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.28: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: #878302;

color: #878302;

border-color: #878302;

}

Tailwind CSS (with arbitrary values)

bg-[#878302]

text-[#878302]

border-[#878302]

// Example usage: