Hex Color #136142 - Custom Color

Color Codes

HEX

#136142

RGB

rgb(19, 97, 66)

HSL

hsl(156, 67%, 23%)

CMYK

cmyk(80%, 0%, 32%, 62%)

HSV

hsv(156, 80%, 38%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#13621B #136243 #135A62

Triadic

#136243 #431362 #624313

Split Complementary

#136243 #62135A #621B13

Tetradic (Square)

#136243 #1B1362 #621333 #5A6213

Complementary

#136142 #621333

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.46:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.82: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: #136142;

color: #136142;

border-color: #136142;

}

Tailwind CSS (with arbitrary values)

bg-[#136142]

text-[#136142]

border-[#136142]

// Example usage: