Nearest named color · #DC9579
#DC9579
Nearest named color: Blushing Rose
#DC9579 (rgb(220 149 121), hsl(17 59% 67%), oklch(0.734 0.095 42.3)) is closest to the named color Blushing Rose. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DC9579
oklch(0.734 0.095 42.3)
Color conversions
- HEX
- #dc9579
- RGB
- rgb(220 149 121)
- HSL
- hsl(17 59% 67%)
- HWB
- hwb(17 47% 14%)
- OKLCH
- oklch(0.734 0.095 42.3)
- OKLab
- oklab(0.734 0.07 0.064)
- CIE Lab
- lab(68.48 25.17 26.23)
- LCH
- lch(68.48 36.35 46.2)
- CMYK
- cmyk(0% 32% 45% 14%)
Tints · Shades · Tones
Tints
- E0A086
- E4AA93
- E8B5A1
- ECBFAE
- F0CABB
- F3D4C9
- F6DFD6
- F9EAE4
- FCF4F1
Shades
- BF8168
- A36D58
- 885A48
- 6E4839
- 54372B
- 3C261D
- 261610
- 110805
- 020101
Tones
- D3937A
- CA917B
- C18F7C
- B88D7D
- AE8B7E
- A5897E
- 9C877F
- 93857F
- 898280
Color harmonies
Complementary +180°
- DC9579
Blushing Rose
- 5EB6D4
≈ Aquella
Analogous -30° +30°
- DC9579
Blushing Rose
- DE9099
≈ Ruddy Pink
- CE9F64
≈ Summer in the City
Triadic +120° +240°
- DC9579
Blushing Rose
- 6EBC97
≈ Mountain Lake Green
- 9FA2E3
≈ Dalmatian Sage
Split-complementary +150° +210°
- DC9579
Blushing Rose
- 56BCB8
≈ Hygiene Green
- 7DADE3
≈ Pool Floor
Tetradic +90° +180° +270°
- DC9579
Blushing Rose
- 92B677
≈ Uran Mica
- 5EB6D4
≈ Aquella
- BD98D4
≈ Amethyst Show
Contrast & accessibility
Ag
FailOn white
WCAG 2.43:1 · APCA Lc 48
Ag
AAAOn black
WCAG 8.61:1 · APCA Lc 54
Best text color: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
Code snippets
CSS
:root {
--blushing-rose: #dc9579;
--blushing-rose-rgb: 220 149 121;
--blushing-rose-oklch: oklch(0.734 0.095 42.3);
}
.element {
color: var(--blushing-rose);
background-color: hsl(17 59% 67%);
border-color: oklch(0.734 0.095 42.3);
}Tailwind CSS v4
@theme {
--color-blushing-rose: #dc9579;
--color-blushing-rose-50: #ffede0;
--color-blushing-rose-100: #ffdfcf;
--color-blushing-rose-200: #f8c8b4;
--color-blushing-rose-300: #e1a890;
--color-blushing-rose-400: #ce8c71;
--color-blushing-rose-500: #bb7052;
--color-blushing-rose-600: #9e5f46;
--color-blushing-rose-700: #7f4c38;
--color-blushing-rose-800: #5e3728;
--color-blushing-rose-900: #42251b;
--color-blushing-rose-950: #2a140b;
}SCSS
$blushing-rose: #dc9579;
$blushing-rose-rgb: 220, 149, 121;
$blushing-rose-light: mix(#fff, $blushing-rose, 20%);
$blushing-rose-dark: mix(#000, $blushing-rose, 20%);
.element {
color: $blushing-rose;
box-shadow: 0 0 0 2px rgba($blushing-rose, 0.35);
}