Hex Color #694047 - Custom Color

Color Codes

HEX

#694047

RGB

rgb(105, 64, 71)

HSL

hsl(350, 24%, 33%)

CMYK

cmyk(0%, 39%, 32%, 59%)

HSV

hsv(350, 39%, 41%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#68405B #684047 #684D40

Triadic

#684047 #476840 #404768

Split Complementary

#684047 #40684D #405B68

Tetradic (Square)

#684047 #5B6840 #406862 #4D4068

Complementary

#694047 #406862

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.66:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.42: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: #694047;

color: #694047;

border-color: #694047;

}

Tailwind CSS (with arbitrary values)

bg-[#694047]

text-[#694047]

border-[#694047]

// Example usage: