Hex Color #107434 - Custom Color

Color Codes

HEX

#107434

RGB

rgb(16, 116, 52)

HSL

hsl(142, 76%, 26%)

CMYK

cmyk(86%, 0%, 55%, 55%)

HSV

hsv(142, 86%, 45%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1D7510 #107535 #107567

Triadic

#107535 #351075 #753510

Split Complementary

#107535 #671075 #75101D

Tetradic (Square)

#107535 #101D75 #751050 #756710

Complementary

#107434 #751050

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.88:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.57: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: #107434;

color: #107434;

border-color: #107434;

}

Tailwind CSS (with arbitrary values)

bg-[#107434]

text-[#107434]

border-[#107434]

// Example usage: