Hex Color #674250 - Custom Color

Color Codes

HEX

#674250

RGB

rgb(103, 66, 80)

HSL

hsl(337, 22%, 33%)

CMYK

cmyk(0%, 36%, 22%, 60%)

HSV

hsv(337, 36%, 40%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#674262 #674250 #674642

Triadic

#674250 #506742 #425067

Split Complementary

#674250 #426746 #426267

Tetradic (Square)

#674250 #626742 #426758 #464267

Complementary

#674250 #426758

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.50:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.47: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: #674250;

color: #674250;

border-color: #674250;

}

Tailwind CSS (with arbitrary values)

bg-[#674250]

text-[#674250]

border-[#674250]

// Example usage: