Colore con nome · #D08A9B
Can Can
Can Can è #D08A9B: rgb(208 138 155), hsl(345 43% 68%), oklch(0.709 0.088 3.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Can Can color name →
#D08A9B
oklch(0.709 0.088 3.7)
Conversioni di colore
- HEX
- #d08a9b
- RGB
- rgb(208 138 155)
- HSL
- hsl(345 43% 68%)
- HWB
- hwb(345 54% 18%)
- OKLCH
- oklch(0.709 0.088 3.7)
- OKLab
- oklab(0.709 0.088 0.006)
- CIE Lab
- lab(65.15 29.16 2.52)
- LCH
- lch(65.15 29.27 4.9)
- CMYK
- cmyk(0% 34% 25% 18%)
Tinte · Ombre · Toni
Tinte
- D596A5
- DBA1AE
- E0ADB8
- E5B8C2
- E9C4CC
- EED0D6
- F3DBE0
- F7E7EA
- FBF3F5
Ombre
- B57786
- 9A6572
- 80535E
- 67424B
- 4F3239
- 392228
- 231418
- 100709
- 020101
Toni
- C88998
- C08896
- B88893
- B18790
- A9868D
- A1858B
- 998488
- 918285
- 888183
Armonie di colore
Complementare +180°
- D08A9B
Can Can
- 5AB3A7
≈ Artesian Well
Analogo -30° +30°
- D08A9B
Can Can
- C38DB8
≈ Rock Star Pink
- D28D7D
≈ Orange Essential
Triadico +120° +240°
- D08A9B
Can Can
- 96AB6D
≈ Gallant Green
- 70A8D4
≈ Chronus Blue
Complementare divisa +150° +210°
- D08A9B
Can Can
- 75B288
≈ Frosted Emerald
- 58B0C2
≈ Finnish Fiord
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.69:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.79:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.79:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--can-can: #d08a9b;
--can-can-rgb: 208 138 155;
--can-can-oklch: oklch(0.709 0.088 3.7);
}
.element {
color: var(--can-can);
background-color: hsl(345 43% 68%);
border-color: oklch(0.709 0.088 3.7);
}Tailwind CSS v4
@theme {
--color-can-can: #d08a9b;
--color-can-can-50: #ffebf1;
--color-can-can-100: #ffdce3;
--color-can-can-200: #f6c5cf;
--color-can-can-300: #dfa5b1;
--color-can-can-400: #cb8999;
--color-can-can-500: #b76d80;
--color-can-can-600: #9a5c6c;
--color-can-can-700: #7c4a56;
--color-can-can-800: #5c3540;
--color-can-can-900: #40242c;
--color-can-can-950: #291319;
}SCSS
$can-can: #d08a9b;
$can-can-rgb: 208, 138, 155;
$can-can-light: mix(#fff, $can-can, 20%);
$can-can-dark: mix(#000, $can-can, 20%);
.element {
color: $can-can;
box-shadow: 0 0 0 2px rgba($can-can, 0.35);
}