Benannte Farbe · #DD3355
Chin-Chin Cherry
Chin-Chin Cherry ist #DD3355: rgb(221 51 85), hsl(348 71% 53%), oklch(0.595 0.204 15.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Chin-Chin Cherry color name →
#DD3355
oklch(0.595 0.204 15.3)
Farbumrechnungen
- HEX
- #dd3355
- RGB
- rgb(221 51 85)
- HSL
- hsl(348 71% 53%)
- HWB
- hwb(348 20% 13%)
- OKLCH
- oklch(0.595 0.204 15.3)
- OKLab
- oklab(0.595 0.197 0.054)
- CIE Lab
- lab(50.7 66.09 23.83)
- LCH
- lch(50.7 70.26 19.8)
- CMYK
- cmyk(0% 77% 62% 13%)
Tints · Shades · Tones
Tints
- E44F65
- EA6675
- EF7B86
- F38E96
- F7A2A7
- FAB5B8
- FDC7CA
- FEDADB
- FFECED
Shades
- C02B49
- A4233D
- 881C31
- 6E1426
- 550D1C
- 3D0711
- 260308
- 110102
- 020000
Tones
- D5415A
- CD4C5E
- C55563
- BD5D67
- B4656B
- AB6B6F
- A17174
- 977678
- 8C7B7C
Farbharmonien
Komplementär +180°
- DD3355
Chin-Chin Cherry
- 009192
≈ Common Teal
Analog -30° +30°
- DD3355
Chin-Chin Cherry
- CD3A99
≈ Lustful Wishes
- CC5500
≈ Burnt Orange
Triadisch +120° +240°
- DD3355
Chin-Chin Cherry
- 4A9400
≈ Pistachio Flour
- 007BF0
≈ Blue Darknut
Geteilt komplementär +150° +210°
- DD3355
Chin-Chin Cherry
- 00956C
≈ Viridian
- 008CB1
≈ Algiers Blue
Tetradisch +90° +180° +270°
- DD3355
Chin-Chin Cherry
- 8A8200
≈ Fickle Pickle
- 009192
≈ Common Teal
- 7862F0
≈ Medium Slate Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.48:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.67:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.67:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--chin-chin-cherry: #dd3355;
--chin-chin-cherry-rgb: 221 51 85;
--chin-chin-cherry-oklch: oklch(0.595 0.204 15.3);
}
.element {
color: var(--chin-chin-cherry);
background-color: hsl(348 71% 53%);
border-color: oklch(0.595 0.204 15.3);
}Tailwind CSS v4
@theme {
--color-chin-chin-cherry: #dd3355;
--color-chin-chin-cherry-50: #ffdee0;
--color-chin-chin-cherry-100: #ffcccf;
--color-chin-chin-cherry-200: #ffafb4;
--color-chin-chin-cherry-300: #ff8791;
--color-chin-chin-cherry-400: #ff5f76;
--color-chin-chin-cherry-500: #ee2c58;
--color-chin-chin-cherry-600: #c9294b;
--color-chin-chin-cherry-700: #a2213b;
--color-chin-chin-cherry-800: #79152d;
--color-chin-chin-cherry-900: #550e1e;
--color-chin-chin-cherry-950: #39000e;
}SCSS
$chin-chin-cherry: #dd3355;
$chin-chin-cherry-rgb: 221, 51, 85;
$chin-chin-cherry-light: mix(#fff, $chin-chin-cherry, 20%);
$chin-chin-cherry-dark: mix(#000, $chin-chin-cherry, 20%);
.element {
color: $chin-chin-cherry;
box-shadow: 0 0 0 2px rgba($chin-chin-cherry, 0.35);
}