Colore con nome · #DD8CB5
Tempting Pink
Tempting Pink è #DD8CB5: rgb(221 140 181), hsl(330 54% 71%), oklch(0.735 0.111 348.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Tempting Pink color name →
#DD8CB5
oklch(0.735 0.111 348.4)
Conversioni di colore
- HEX
- #dd8cb5
- RGB
- rgb(221 140 181)
- HSL
- hsl(330 54% 71%)
- HWB
- hwb(330 55% 13%)
- OKLCH
- oklch(0.735 0.111 348.4)
- OKLab
- oklab(0.735 0.108 -0.022)
- CIE Lab
- lab(67.79 35.76 -7.99)
- LCH
- lch(67.79 36.64 347.4)
- CMYK
- cmyk(0% 37% 18% 13%)
Tinte · Ombre · Toni
Tinte
- E198BC
- E5A3C3
- E9AECB
- EDBAD2
- F0C5DA
- F4D1E1
- F7DCE8
- FAE8F0
- FCF3F7
Ombre
- C0799D
- A46786
- 88556F
- 6E4359
- 553344
- 3D2330
- 26141D
- 11070C
- 020102
Toni
- D48BB0
- CB8AAA
- C289A5
- B8889F
- AF879A
- A68695
- 9D8490
- 93838A
- 8A8285
Armonie di colore
Complementare +180°
- DD8CB5
Tempting Pink
- 58C09D
≈ Peppermint Fresh
Analogo -30° +30°
- DD8CB5
Tempting Pink
- C793D6
≈ Somewhere in a Fairytale
- E78C8E
≈ Strawberry Ice
Triadico +120° +240°
- DD8CB5
Tempting Pink
- AFAF57
≈ Palm
- 52B7E0
≈ Sail Away
Complementare divisa +150° +210°
- DD8CB5
Tempting Pink
- 86BA75
≈ Baby Grass
- 3BBEC3
≈ Lagoon Rock
Tetradico +90° +180° +270°
- DD8CB5
Tempting Pink
- CFA153
≈ Bright Gold
- 58C09D
≈ Peppermint Fresh
- 7EABEF
≈ Kitten’s Eye
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.47:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.49:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.49:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--tempting-pink: #dd8cb5;
--tempting-pink-rgb: 221 140 181;
--tempting-pink-oklch: oklch(0.735 0.111 348.4);
}
.element {
color: var(--tempting-pink);
background-color: hsl(330 54% 71%);
border-color: oklch(0.735 0.111 348.4);
}Tailwind CSS v4
@theme {
--color-tempting-pink: #dd8cb5;
--color-tempting-pink-50: #ffe9f9;
--color-tempting-pink-100: #ffd9ed;
--color-tempting-pink-200: #fac1da;
--color-tempting-pink-300: #e3a0bf;
--color-tempting-pink-400: #cf83a9;
--color-tempting-pink-500: #bb6692;
--color-tempting-pink-600: #9e567c;
--color-tempting-pink-700: #7f4563;
--color-tempting-pink-800: #5d324a;
--color-tempting-pink-900: #422233;
--color-tempting-pink-950: #2a111f;
}SCSS
$tempting-pink: #dd8cb5;
$tempting-pink-rgb: 221, 140, 181;
$tempting-pink-light: mix(#fff, $tempting-pink, 20%);
$tempting-pink-dark: mix(#000, $tempting-pink, 20%);
.element {
color: $tempting-pink;
box-shadow: 0 0 0 2px rgba($tempting-pink, 0.35);
}