Hex Color #378350 - Custom Color

Color Codes

HEX

#378350

RGB

rgb(55, 131, 80)

HSL

hsl(140, 41%, 36%)

CMYK

cmyk(58%, 0%, 39%, 49%)

HSV

hsv(140, 58%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#438136 #36814F #368175

Triadic

#36814F #4F3681 #814F36

Split Complementary

#36814F #753681 #813643

Tetradic (Square)

#36814F #364381 #813668 #817536

Complementary

#378350 #813668

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.64:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.52: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: #378350;

color: #378350;

border-color: #378350;

}

Tailwind CSS (with arbitrary values)

bg-[#378350]

text-[#378350]

border-[#378350]

// Example usage: