Hex Color #16300D - Custom Color

Color Codes

HEX

#16300D

RGB

rgb(22, 48, 13)

HSL

hsl(105, 57%, 12%)

CMYK

cmyk(54%, 0%, 73%, 81%)

HSV

hsv(105, 73%, 19%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#27300D #16300D #0D3016

Triadic

#16300D #0D1630 #300D16

Split Complementary

#16300D #160D30 #300D27

Tetradic (Square)

#16300D #0D2730 #270D30 #30160D

Complementary

#16300D #270D30

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 14.36:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.46: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: #16300D;

color: #16300D;

border-color: #16300D;

}

Tailwind CSS (with arbitrary values)

bg-[#16300D]

text-[#16300D]

border-[#16300D]

// Example usage: