#CB474C

Color Details

HEX
#CB474C
RGB
rgb(203, 71, 76)
HSL
hsl(358, 56%, 54%)
CMYK
cmyk(0%, 65%, 63%, 20%)
Best text on this color #FFFFFF (CR 4.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cb474c
Contrast 4.54:1 AA
White on #cb474c
Contrast 4.62:1 AA
#cb474c on Black
Contrast 4.54:1 AA
#cb474c on White
Contrast 4.62:1 AA

Tints & Shades

#d56c70
#e09194
#eab5b7
#a2393d
#7a2b2e
#511c1e

Complement & Analogous

#48cbc7
#cb8548
#cb488e

Triadic

#4ccb48
#484ccb

Monochrome

#511c1e #7a2b2e #cb474c #e09194 #eab5b7 #f5dadb

Analogous

#cb488e #db7fb0 #cb474c #d59d6d #cb8548 #a26a3a

Complementary Mix

#7a2b2e #cb474c #e09194 #48cbc7 #88dddb #2f8481

Nearby Colors

#cb474b
#cb474d
#cb473c
#cb475c

Embed #CB474C swatch

Embed this swatch

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

Open image

About #CB474C

#CB474C converts to RGB(203, 71, 76) and HSL(358, 56%, 54%). 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).

#CB474C FAQs

What is the RGB value of #CB474C?
RGB: 203, 71, 76. Copy as CSS: rgb(203, 71, 76)
Is #CB474C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CB474C?
Complement: #48cbc7.
Does #CB474C have good contrast on white or black?
On white: 4.62:1 (AA (normal text)). On black: 4.54:1 (AA (normal text)).