Hex Color #199514 - Custom Color

Color Codes

HEX

#199514

RGB

rgb(25, 149, 20)

HSL

hsl(118, 76%, 33%)

CMYK

cmyk(83%, 0%, 87%, 42%)

HSV

hsv(118, 87%, 58%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#589414 #189414 #149450

Triadic

#189414 #141894 #941418

Split Complementary

#189414 #501494 #941458

Tetradic (Square)

#189414 #145894 #901494 #945014

Complementary

#199514 #901494

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.92:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.35: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: #199514;

color: #199514;

border-color: #199514;

}

Tailwind CSS (with arbitrary values)

bg-[#199514]

text-[#199514]

border-[#199514]

// Example usage: