Hex Color #344302 - Custom Color

Color Codes

HEX

#344302

RGB

rgb(52, 67, 2)

HSL

hsl(74, 94%, 14%)

CMYK

cmyk(22%, 0%, 97%, 74%)

HSV

hsv(74, 97%, 26%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#453302 #364502 #144502

Triadic

#364502 #023645 #450236

Split Complementary

#364502 #021445 #330245

Tetradic (Square)

#364502 #024533 #120245 #450214

Complementary

#344302 #120245

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.77:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.95: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: #344302;

color: #344302;

border-color: #344302;

}

Tailwind CSS (with arbitrary values)

bg-[#344302]

text-[#344302]

border-[#344302]

// Example usage: