Hex Color #148434 - Custom Color

Color Codes

HEX

#148434

RGB

rgb(20, 132, 52)

HSL

hsl(137, 74%, 30%)

CMYK

cmyk(85%, 0%, 61%, 48%)

HSV

hsv(137, 85%, 52%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2C8514 #148534 #14856D

Triadic

#148534 #341485 #853414

Split Complementary

#148534 #6D1485 #85142C

Tetradic (Square)

#148534 #142C85 #851465 #856D14

Complementary

#148434 #851465

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.79:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.38: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: #148434;

color: #148434;

border-color: #148434;

}

Tailwind CSS (with arbitrary values)

bg-[#148434]

text-[#148434]

border-[#148434]

// Example usage: