Benannte Farbe · #DD669D
Cosmetologist’s Pink
Cosmetologist’s Pink ist #DD669D: rgb(221 102 157), hsl(332 64% 63%), oklch(0.67 0.16 353.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cosmetologist’s Pink color name →
#DD669D
oklch(0.67 0.16 353.3)
Farbumrechnungen
- HEX
- #dd669d
- RGB
- rgb(221 102 157)
- HSL
- hsl(332 64% 63%)
- HWB
- hwb(332 40% 13%)
- OKLCH
- oklch(0.67 0.16 353.3)
- OKLab
- oklab(0.67 0.159 -0.019)
- CIE Lab
- lab(59.58 51.65 -6.44)
- LCH
- lch(59.58 52.05 352.9)
- CMYK
- cmyk(0% 54% 29% 13%)
Tints · Shades · Tones
Tints
- E276A6
- E786B0
- EB96BA
- EFA5C3
- F3B4CD
- F6C3D7
- F9D2E1
- FCE1EB
- FEF0F5
Shades
- C05888
- A44A73
- 883C5F
- 6E2F4C
- 55233A
- 3D1728
- 260C18
- 110409
- 020001
Tones
- D46A9A
- CC6E97
- C37194
- BA7491
- B1768E
- A8798C
- 9E7B89
- 957D86
- 8B7E83
Farbharmonien
Komplementär +180°
- DD669D
Cosmetologist’s Pink
- 00AE8E
≈ Hobgoblin
Analog -30° +30°
- DD669D
Cosmetologist’s Pink
- C36FCD
≈ Gulābī Pink
- E76765
≈ Porcelain Rose
Triadisch +120° +240°
- DD669D
Cosmetologist’s Pink
- 969E00
≈ Pea Soup
- 00A2DC
≈ Vanadyl Blue
Geteilt komplementär +150° +210°
- DD669D
Cosmetologist’s Pink
- 50AD4E
≈ Sonata in Green Minor
- 00A9B4
≈ Exotic Sea
Tetradisch +90° +180° +270°
- DD669D
Cosmetologist’s Pink
- BD8C00
≈ Moutarde de Bénichon
- 00AE8E
≈ Hobgoblin
- 6091F6
≈ Guilliman Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.24:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.46:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.46:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--cosmetologist-s-pink: #dd669d;
--cosmetologist-s-pink-rgb: 221 102 157;
--cosmetologist-s-pink-oklch: oklch(0.67 0.16 353.3);
}
.element {
color: var(--cosmetologist-s-pink);
background-color: hsl(332 64% 63%);
border-color: oklch(0.67 0.16 353.3);
}Tailwind CSS v4
@theme {
--color-cosmetologist-s-pink: #dd669d;
--color-cosmetologist-s-pink-50: #ffe3f7;
--color-cosmetologist-s-pink-100: #ffd2ea;
--color-cosmetologist-s-pink-200: #ffb8d7;
--color-cosmetologist-s-pink-300: #f794bb;
--color-cosmetologist-s-pink-400: #e473a6;
--color-cosmetologist-s-pink-500: #d24f8f;
--color-cosmetologist-s-pink-600: #b14479;
--color-cosmetologist-s-pink-700: #8e3661;
--color-cosmetologist-s-pink-800: #692649;
--color-cosmetologist-s-pink-900: #4a1a32;
--color-cosmetologist-s-pink-950: #300a1e;
}SCSS
$cosmetologist-s-pink: #dd669d;
$cosmetologist-s-pink-rgb: 221, 102, 157;
$cosmetologist-s-pink-light: mix(#fff, $cosmetologist-s-pink, 20%);
$cosmetologist-s-pink-dark: mix(#000, $cosmetologist-s-pink, 20%);
.element {
color: $cosmetologist-s-pink;
box-shadow: 0 0 0 2px rgba($cosmetologist-s-pink, 0.35);
}