Benannte Farbe · #DC506E
Rosy Cheeks
Rosy Cheeks ist #DC506E: rgb(220 80 110), hsl(347 67% 59%), oklch(0.627 0.175 10.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rosy Cheeks color name →
#DC506E
oklch(0.627 0.175 10.8)
Farbumrechnungen
- HEX
- #dc506e
- RGB
- rgb(220 80 110)
- HSL
- hsl(347 67% 59%)
- HWB
- hwb(347 31% 14%)
- OKLCH
- oklch(0.627 0.175 10.8)
- OKLab
- oklab(0.627 0.172 0.033)
- CIE Lab
- lab(54.68 57.13 14.09)
- LCH
- lch(54.68 58.85 13.9)
- CMYK
- cmyk(0% 64% 50% 14%)
Tints · Shades · Tones
Tints
- E2647C
- E77789
- EC8897
- F19AA6
- F5ABB4
- F8BCC3
- FBCCD2
- FDDDE1
- FEEEF0
Shades
- BF445F
- A33950
- 882E41
- 6E2433
- 541A26
- 3C1019
- 26070E
- 110204
- 020001
Tones
- D45770
- CC5E72
- C36474
- BB6975
- B26E77
- A97279
- 9F767B
- 95797D
- 8B7D7E
Farbharmonien
Komplementär +180°
- DC506E
Rosy Cheeks
- 009C97
≈ Caribbean Turquoise
Analog -30° +30°
- DC506E
Rosy Cheeks
- CB55A7
≈ Pú Táo Zǐ Purple
- DC5A22
≈ War Paint Red
Triadisch +120° +240°
- DC506E
Rosy Cheeks
- 629B00
≈ Gecko’s Dream
- 138AED
≈ Bleu de France
Geteilt komplementär +150° +210°
- DC506E
Rosy Cheeks
- 00A16B
≈ Biel-Tan Green
- 0097B8
≈ Bondi Blue
Tetradisch +90° +180° +270°
- DC506E
Rosy Cheeks
- 9A8900
≈ Medusa Green
- 009C97
≈ Caribbean Turquoise
- 7876EE
≈ Hera Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.87:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.41:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.41:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--rosy-cheeks: #dc506e;
--rosy-cheeks-rgb: 220 80 110;
--rosy-cheeks-oklch: oklch(0.627 0.175 10.8);
}
.element {
color: var(--rosy-cheeks);
background-color: hsl(347 67% 59%);
border-color: oklch(0.627 0.175 10.8);
}Tailwind CSS v4
@theme {
--color-rosy-cheeks: #dc506e;
--color-rosy-cheeks-50: #ffe1e7;
--color-rosy-cheeks-100: #ffd0d7;
--color-rosy-cheeks-200: #ffb5bf;
--color-rosy-cheeks-300: #ff8f9e;
--color-rosy-cheeks-400: #f26c85;
--color-rosy-cheeks-500: #e14469;
--color-rosy-cheeks-600: #be3b59;
--color-rosy-cheeks-700: #992f47;
--color-rosy-cheeks-800: #722136;
--color-rosy-cheeks-900: #501625;
--color-rosy-cheeks-950: #350613;
}SCSS
$rosy-cheeks: #dc506e;
$rosy-cheeks-rgb: 220, 80, 110;
$rosy-cheeks-light: mix(#fff, $rosy-cheeks, 20%);
$rosy-cheeks-dark: mix(#000, $rosy-cheeks, 20%);
.element {
color: $rosy-cheeks;
box-shadow: 0 0 0 2px rgba($rosy-cheeks, 0.35);
}