Hex Color #692A42 - Custom Color

Color Codes

HEX

#692A42

RGB

rgb(105, 42, 66)

HSL

hsl(337, 43%, 29%)

CMYK

cmyk(0%, 60%, 37%, 59%)

HSV

hsv(337, 60%, 41%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6A2A62 #6A2A43 #6A322A

Triadic

#6A2A43 #436A2A #2A436A

Split Complementary

#6A2A43 #2A6A32 #2A626A

Tetradic (Square)

#6A2A43 #626A2A #2A6A51 #322A6A

Complementary

#692A42 #2A6A51

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.45:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.01: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: #692A42;

color: #692A42;

border-color: #692A42;

}

Tailwind CSS (with arbitrary values)

bg-[#692A42]

text-[#692A42]

border-[#692A42]

// Example usage: