Hex Color #104942 - Custom Color

Color Codes

HEX

#104942

RGB

rgb(16, 73, 66)

HSL

hsl(173, 64%, 17%)

CMYK

cmyk(78%, 0%, 10%, 71%)

HSV

hsv(173, 78%, 29%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#104725 #104741 #103247

Triadic

#104741 #411047 #474110

Split Complementary

#104741 #471032 #472510

Tetradic (Square)

#104741 #251047 #471016 #324710

Complementary

#104942 #471016

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.23:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.05: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: #104942;

color: #104942;

border-color: #104942;

}

Tailwind CSS (with arbitrary values)

bg-[#104942]

text-[#104942]

border-[#104942]

// Example usage: