Hex Color #103309 - Custom Color

Color Codes

HEX

#103309

RGB

rgb(16, 51, 9)

HSL

hsl(110, 70%, 12%)

CMYK

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

HSV

hsv(110, 82%, 20%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#263409 #103409 #093417

Triadic

#103409 #091034 #340910

Split Complementary

#103409 #170934 #340926

Tetradic (Square)

#103409 #092634 #2D0934 #341709

Complementary

#103309 #2D0934

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 14.00:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.50: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: #103309;

color: #103309;

border-color: #103309;

}

Tailwind CSS (with arbitrary values)

bg-[#103309]

text-[#103309]

border-[#103309]

// Example usage: