Hex Color #455429 - Custom Color

Color Codes

HEX

#455429

RGB

rgb(69, 84, 41)

HSL

hsl(81, 34%, 25%)

CMYK

cmyk(18%, 0%, 51%, 67%)

HSV

hsv(81, 51%, 33%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#554F2A #46552A #31552A

Triadic

#46552A #2A4655 #552A46

Split Complementary

#46552A #2A3155 #4F2A55

Tetradic (Square)

#46552A #2A554F #392A55 #552A31

Complementary

#455429 #392A55

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.23:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.55:1

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

color: #455429;

border-color: #455429;

}

Tailwind CSS (with arbitrary values)

bg-[#455429]

text-[#455429]

border-[#455429]

// Example usage: