Hex Color #354833 - Custom Color

Color Codes

HEX

#354833

RGB

rgb(53, 72, 51)

HSL

hsl(114, 17%, 24%)

CMYK

cmyk(26%, 0%, 29%, 72%)

HSV

hsv(114, 29%, 28%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#3F4833 #354833 #33483B

Triadic

#354833 #333548 #483335

Split Complementary

#354833 #3B3348 #48333F

Tetradic (Square)

#354833 #333F48 #463348 #483B33

Complementary

#354833 #463348

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.88:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.13: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: #354833;

color: #354833;

border-color: #354833;

}

Tailwind CSS (with arbitrary values)

bg-[#354833]

text-[#354833]

border-[#354833]

// Example usage: