Nearest named color · #DC979E
#DC979E
Nearest named color: Rosetti
#DC979E (rgb(220 151 158), hsl(354 50% 73%), oklch(0.746 0.084 12.6)) is closest to the named color Rosetti. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DC979E
oklch(0.746 0.084 12.6)
Color conversions
- HEX
- #dc979e
- RGB
- rgb(220 151 158)
- HSL
- hsl(354 50% 73%)
- HWB
- hwb(354 59% 14%)
- OKLCH
- oklch(0.746 0.084 12.6)
- OKLab
- oklab(0.746 0.081 0.018)
- CIE Lab
- lab(69.6 27.36 7.39)
- LCH
- lch(69.6 28.34 15.1)
- CMYK
- cmyk(0% 31% 28% 14%)
Tints · Shades · Tones
Tints
- E0A1A7
- E4ACB1
- E8B6BA
- ECC0C4
- EFCBCE
- F3D5D7
- F6DFE1
- F9EAEB
- FCF4F5
Shades
- BF8389
- A36F74
- 885C60
- 6E494D
- 54373A
- 3C2629
- 261718
- 110809
- 020101
Tones
- D3959B
- CA9398
- C19195
- B78E92
- AE8C8F
- A58A8C
- 9C8789
- 938586
- 898283
Color harmonies
Complementary +180°
- DC979E
Rosetti
- 68BEBB
≈ Tropic Tide
Analogous -30° +30°
- DC979E
Rosetti
- D298BB
≈ Soft Fuchsia
- DA9C83
≈ Pinkish Tan
Triadic +120° +240°
- DC979E
Rosetti
- 99B881
≈ Willow Dyed
- 87B0E1
≈ Queer Blue
Split-complementary +150° +210°
- DC979E
Rosetti
- 7ABE9D
≈ Neptune Green
- 6EB9D3
≈ Blue Brocade
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.34:1 · APCA Lc 46
Ag
AAAOn black
WCAG 8.96:1 · APCA Lc 56
Best text color: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--rosetti: #dc979e;
--rosetti-rgb: 220 151 158;
--rosetti-oklch: oklch(0.746 0.084 12.6);
}
.element {
color: var(--rosetti);
background-color: hsl(354 50% 73%);
border-color: oklch(0.746 0.084 12.6);
}Tailwind CSS v4
@theme {
--color-rosetti: #dc979e;
--color-rosetti-50: #ffecee;
--color-rosetti-100: #ffdddf;
--color-rosetti-200: #f6c6c9;
--color-rosetti-300: #dfa6aa;
--color-rosetti-400: #cb8a91;
--color-rosetti-500: #b66e77;
--color-rosetti-600: #9a5e65;
--color-rosetti-700: #7c4b50;
--color-rosetti-800: #5b363b;
--color-rosetti-900: #402529;
--color-rosetti-950: #291317;
}SCSS
$rosetti: #dc979e;
$rosetti-rgb: 220, 151, 158;
$rosetti-light: mix(#fff, $rosetti, 20%);
$rosetti-dark: mix(#000, $rosetti, 20%);
.element {
color: $rosetti;
box-shadow: 0 0 0 2px rgba($rosetti, 0.35);
}