Hex Color #379A4C - Custom Color

Color Codes

HEX

#379A4C

RGB

rgb(55, 154, 76)

HSL

hsl(133, 47%, 41%)

CMYK

cmyk(64%, 0%, 51%, 40%)

HSV

hsv(133, 64%, 60%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#539A37 #379A4D #379A7E

Triadic

#379A4D #4D379A #9A4D37

Split Complementary

#379A4D #7E379A #9A3753

Tetradic (Square)

#379A4D #37539A #9A3784 #9A7E37

Complementary

#379A4C #9A3784

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.57:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.89: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: #379A4C;

color: #379A4C;

border-color: #379A4C;

}

Tailwind CSS (with arbitrary values)

bg-[#379A4C]

text-[#379A4C]

border-[#379A4C]

// Example usage: