Hex Color #147359 - Custom Color

Color Codes

HEX

#147359

RGB

rgb(20, 115, 89)

HSL

hsl(164, 70%, 26%)

CMYK

cmyk(83%, 0%, 23%, 55%)

HSV

hsv(164, 83%, 45%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#14712A #147158 #145B71

Triadic

#147158 #581471 #715814

Split Complementary

#147158 #71145B #712A14

Tetradic (Square)

#147158 #2A1471 #71142D #5B7114

Complementary

#147359 #71142D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.79:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.63: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: #147359;

color: #147359;

border-color: #147359;

}

Tailwind CSS (with arbitrary values)

bg-[#147359]

text-[#147359]

border-[#147359]

// Example usage: