#CF4630

Accessibility

4.59:1

Vs white / black

4.59:1 · 4.57:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#cf4630

RGB

rgb(207, 70, 48)

RGBA

rgba(207, 70, 48, 1)

HSL

hsl(8, 62%, 50%)

HSV

hsv(8, 77%, 81%)

LAB

lab(49.33% 52.91 42.26)

LCH

lch(49.33% 67.72 38.61)

OKLAB

oklab(0.5834 0.1505 0.093)

OKLCH

oklch(0.5834 0.1769 31.71)

XYZ

xyz(28.46, 17.86, 4.75)

CMYK

cmyk(0%, 66%, 77%, 19%)

CSS

color: #cf4630;

CSS variable

--color-cf4630: #cf4630;

SCSS

$color-cf4630: #cf4630;

Tailwind

slate-500

Export

Developer code

:root {
  --#cf4630-1: #cf4630;
}

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

fbf0ee f7e0dd f3d1cb efc1ba ebb2a9 e7a398 e39386 df8475 db7464 d76553 d35541 cf4630 be402c ad3a28 9b3524 8a2f20 79291c 682318 561d14 451710 34120c 220c08 110604

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fbf0ee f7e0dd f3d1cb efc1ba ebb2a9 e7a398 e39386 df8475 db7464 d76553 d35541

Palette

Shades

Mixed toward black — depth, text, and emphasis

be402c ad3a28 9b3524 8a2f20 79291c 682318 561d14 451710 34120c 220c08 110604

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

c84b37 c2503d bb5544 b5594b ae5e51 a86358 a1685f 9a6d65 94726c 8d7673 877b79

Harmony

Complementary

Opposite on the color wheel for contrast

#CF4630Stop 1 #30B9CFStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#CF306AStop 1 #CF4630Stop 2 #CF9530Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#CF4630Stop 1 #30CF46Stop 2 #4630CFStop 3

Harmony

Split complementary

Base plus two accents beside the complement

#CF4630Stop 1 #30CF95Stop 2 #306ACFStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#531C13Stop 1 #913122Stop 2 #CF4630Stop 3 #DD7D6EStop 4 #ECB5ACStop 5

Meaning

Color psychology

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

Common uses: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.

Similar & related colors

Nearby colors from the library by perceptual distance

Spectrum #CF4826#CF4826 Spectrum #E4533A#E4533A Spectrum #D5443F#D5443F Spectrum #B42F1D#B42F1D Web Safe #CC3333#CC3333 Material Red 800#C62828 Radix Tomato 9#E54D2E Material Red 700#D32F2F Material You Error#B3261E Spectrum #CF5544#CF5544 Fluent Red#D13438 Spectrum #B84032#B84032