#CF130C

Color Details

HEX
#CF130C
RGB
rgb(207, 19, 12)
HSL
hsl(2, 89%, 43%)
CMYK
cmyk(0%, 91%, 94%, 19%)
Best text on this color #FFFFFF (CR 5.60:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cf130c
Contrast 3.75:1 Fail
White on #cf130c
Contrast 5.60:1 AA
#cf130c on Black
Contrast 3.75:1 Fail
#cf130c on White
Contrast 5.60:1 AA

Tints & Shades

#d9423d
#e2716d
#eca19e
#a60f0a
#7c0b07
#530805

Complement & Analogous

#0cc9cf
#cf740c
#cf0c67

Triadic

#0ccf13
#130ccf

Monochrome

#530805 #7c0b07 #cf130c #e2716d #eca19e #f5d0ce

Analogous

#cf0c67 #dd5595 #cf130c #d9903d #cf740c #a65d0a

Complementary Mix

#7c0b07 #cf130c #e2716d #0cc9cf #61dce0 #088387

Nearby Colors

#cf130b
#cf130d
#cf12fc
#cf131c

Embed #CF130C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #CF130C

#CF130C converts to RGB(207, 19, 12) and HSL(2, 89%, 43%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#CF130C FAQs

What is the RGB value of #CF130C?
RGB: 207, 19, 12. Copy as CSS: rgb(207, 19, 12)
Is #CF130C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CF130C?
Complement: #0cc9cf.
Does #CF130C have good contrast on white or black?
On white: 5.60:1 (AA (normal text)). On black: 3.75:1 (AA (large text)).