Maroon Colors  ·  Color Library

Palettes / Colors / #CF455C

#CF455C — Red

#CF455C is a red color we call Red, closest to the named color IndianRed (#CD5C5C). It belongs to the red family.

#CF455C is a warm red color associated with energy, passion and urgency. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #44CFB8; it also sits naturally between #CF44A1 and #CF7344. In the palettes below you can see it working alongside real color combinations from our collection.

#CF455C · RGB 207, 69, 92

Download PNG swatch SVG

Color values

HEX#CF455C
RGB207, 69, 92
HSL350°, 59%, 54%
HSV350°, 67%, 81%
CMYK0%, 67%, 56%, 19%
XYZ29.79, 18.29, 12.09
Yxy18.29, 0.4951, 0.3040
CIE-Lab49.85, 55.80, 17.42
Hunter Lab42.77, 52.59, 11.28

RGB & CMYK percentages

Red 81% · Green 27% · Blue 36%

Cyan 0% · Magenta 67% · Yellow 56% · Key 19%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #CF455C on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #CF455C on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #CF455C

.text { color: #CF455C; }
.background { background-color: #CF455C; }
.border { border: 3px solid #CF455C; }
.text-rgb { color: rgb(207, 69, 92); }
.text-hsl { color: hsl(350, 59%, 54%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CF455C; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(207, 69, 92, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CF455C; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(207, 69, 92, 0.8); }

HTML: <p style="color:#CF455C">Text here</p> · <div style="background-color:#CF455C">Div content here</div>

Shades of #CF455C

#C7334C#B22E44#9E293C#8A2435#761E2D#611925#4D141D#390F16#24090E#100406

Tints of #CF455C

#D3556A#D76578#DC798A#E18998#E59AA6#E9AAB4#EDBAC3#F2CED4#F7DFE3#FBEFF1

Tones of #CF455C

#C64E62#BB5869#B2626F#A76C76#9E767C#938083

Color harmonies

Complementary — #44CFB8:

Analogous:

Triadic:

Contrast & accessibility

Against white text4.51:1 AA
Against black text4.66:1 AA

Best text color on #CF455C: #000000.

How #CF455C looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #939256Deuteranopia · #9BA655Tritanopia · #C85251

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap danger · #DC3545Tailwind rose 500 · #F43F5ETailwind red 500 · #EF4444

Palettes with #CF455C

Palette Cf455c
#CF455C · #FFDD67 · #FF8A5C · #444444

Palettes with a similar color

These palettes use a close neighbour of #CF455C rather than the exact color:

Palette 9a1f40
#9A1F40 · #D9455F · #74D4C0 · #DEF4F0
Hidden Ruby Opal
#733A8D · #AD48A9 · #68244D · #C84364
Tender Ruby Breeze
#D54253 · #C2742D · #A0A838 · #93D471
Frozen Ruby Opal
#8B2D1D · #D94B59 · #2FBCD4 · #B3E9E7
Ruby Mosaic
#800020 · #F3E6D5 · #FFF9F2 · #D45060

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#D9455F#C84364#D54253#D94B59#D45060#CC3A63#DB4362#D83C57#C34255#C63C51#D4436C#D25353

Browse neighbouring colors

← #CF455B  ·  #CF455D →

Frequently asked questions

What color is #CF455C?

#CF455C is Red, a red color (RGB 207, 69, 92). Its closest standard named color is IndianRed.

What is the RGB and HSL of #CF455C?

#CF455C is RGB 207, 69, 92 — HSL 350°, 59%, 54% — CMYK 0%, 67%, 56%, 19%.

What colors go with #CF455C?

Its complement is #44CFB8; analogous partners are #CF44A1 and #CF7344. It also appears in 6+ palettes in our collection.

Can I use #CF455C for text?

Black text on #CF455C has a contrast ratio of 4.66:1 (passes WCAG AA); white text gives 4.51:1.