Hex Color #105009 - Custom Color

Color Codes

HEX

#105009

RGB

rgb(16, 80, 9)

HSL

hsl(114, 80%, 17%)

CMYK

cmyk(80%, 0%, 89%, 69%)

HSV

hsv(114, 89%, 31%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#324E09 #104E09 #094E24

Triadic

#104E09 #09104E #4E0910

Split Complementary

#104E09 #24094E #4E0932

Tetradic (Square)

#104E09 #09324E #47094E #4E2409

Complementary

#105009 #47094E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.66:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.17: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: #105009;

color: #105009;

border-color: #105009;

}

Tailwind CSS (with arbitrary values)

bg-[#105009]

text-[#105009]

border-[#105009]

// Example usage: