Colore con nome · #DD44FF
Geisha Pink
Geisha Pink è #DD44FF: rgb(221 68 255), hsl(289 100% 63%), oklch(0.68 0.275 319.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Geisha Pink color name →
#DD44FF
oklch(0.68 0.275 319.6)
Conversioni di colore
- HEX
- #dd44ff
- RGB
- rgb(221 68 255)
- HSL
- hsl(289 100% 63%)
- HWB
- hwb(289 27% 0%)
- OKLCH
- oklch(0.68 0.275 319.6)
- OKLab
- oklab(0.68 0.21 -0.179)
- CIE Lab
- lab(58.31 76.12 -63.85)
- LCH
- lch(58.31 99.35 320)
- CMYK
- cmyk(13% 73% 0% 0%)
Tinte · Ombre · Toni
Tinte
- E25FFF
- E675FF
- EA88FF
- EE9BFF
- F2ADFF
- F5BEFF
- F8CEFF
- FBDFFF
- FDEFFF
Ombre
- C03ADE
- A430BE
- 88269E
- 6E1D80
- 551463
- 3D0C48
- 26052E
- 110216
- 020003
Toni
- D450F2
- CB5AE6
- C262D9
- B969CD
- B06EC0
- A773B4
- 9D77A7
- 947B9A
- 8A7E8D
Armonie di colore
Complementare +180°
- DD44FF
Geisha Pink
- 3CB600
≈ Sour Apple Rings
Analogo -30° +30°
- DD44FF
Geisha Pink
- 9880FF
≈ Periwinkle
- FF36AF
≈ Persian Rose
Triadico +120° +240°
- DD44FF
Geisha Pink
- C68C00
≈ Festering Brown
- 00ADB4
≈ Larkspur Blue
Complementare divisa +150° +210°
- DD44FF
Geisha Pink
- 9F9F00
≈ Forest Lichen
- 00B28B
≈ Chromophobia Green
Tetradico +90° +180° +270°
- DD44FF
Geisha Pink
- ED6E00
≈ Clementine
- 3CB600
≈ Sour Apple Rings
- 00A6DB
≈ Malibu Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.30:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.34:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.34:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--geisha-pink: #dd44ff;
--geisha-pink-rgb: 221 68 255;
--geisha-pink-oklch: oklch(0.68 0.275 319.6);
}
.element {
color: var(--geisha-pink);
background-color: hsl(289 100% 63%);
border-color: oklch(0.68 0.275 319.6);
}Tailwind CSS v4
@theme {
--color-geisha-pink: #dd44ff;
--color-geisha-pink-50: #ffdbff;
--color-geisha-pink-100: #ffc9ff;
--color-geisha-pink-200: #ffaaff;
--color-geisha-pink-300: #f67fff;
--color-geisha-pink-400: #e154ff;
--color-geisha-pink-500: #ce00f4;
--color-geisha-pink-600: #ae07cd;
--color-geisha-pink-700: #8c0aa5;
--color-geisha-pink-800: #66077e;
--color-geisha-pink-900: #480659;
--color-geisha-pink-950: #2f003c;
}SCSS
$geisha-pink: #dd44ff;
$geisha-pink-rgb: 221, 68, 255;
$geisha-pink-light: mix(#fff, $geisha-pink, 20%);
$geisha-pink-dark: mix(#000, $geisha-pink, 20%);
.element {
color: $geisha-pink;
box-shadow: 0 0 0 2px rgba($geisha-pink, 0.35);
}