Hex Color #694C09 - Custom Color

Color Codes

HEX

#694C09

RGB

rgb(105, 76, 9)

HSL

hsl(42, 84%, 22%)

CMYK

cmyk(0%, 28%, 91%, 59%)

HSV

hsv(42, 91%, 41%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#671C09 #674B09 #546709

Triadic

#674B09 #09674B #4B0967

Split Complementary

#674B09 #095467 #1C0967

Tetradic (Square)

#674B09 #09671C #092567 #670954

Complementary

#694C09 #092567

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.96:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.64: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: #694C09;

color: #694C09;

border-color: #694C09;

}

Tailwind CSS (with arbitrary values)

bg-[#694C09]

text-[#694C09]

border-[#694C09]

// Example usage: