Hex Color #C53114 - Custom Color

Color Codes

HEX

#C53114

RGB

rgb(197, 49, 20)

HSL

hsl(10, 82%, 43%)

CMYK

cmyk(0%, 75%, 90%, 23%)

HSV

hsv(10, 90%, 77%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C81450 #C83214 #C88C14

Triadic

#C83214 #14C832 #3214C8

Split Complementary

#C83214 #14C88C #1450C8

Tetradic (Square)

#C83214 #50C814 #14AAC8 #8C14C8

Complementary

#C53114 #14AAC8

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.49:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.82: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: #C53114;

color: #C53114;

border-color: #C53114;

}

Tailwind CSS (with arbitrary values)

bg-[#C53114]

text-[#C53114]

border-[#C53114]

// Example usage: