Hex Color #359D48 - Custom Color

Color Codes

HEX

#359D48

RGB

rgb(53, 157, 72)

HSL

hsl(131, 50%, 41%)

CMYK

cmyk(66%, 0%, 54%, 38%)

HSV

hsv(131, 66%, 62%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#559D34 #349D47 #349D7C

Triadic

#349D47 #47349D #9D4734

Split Complementary

#349D47 #7C349D #9D3455

Tetradic (Square)

#349D47 #34559D #9D348A #9D7C34

Complementary

#359D48 #9D348A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.46:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.07: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: #359D48;

color: #359D48;

border-color: #359D48;

}

Tailwind CSS (with arbitrary values)

bg-[#359D48]

text-[#359D48]

border-[#359D48]

// Example usage: