Colore con nome · #D16169
Italiano Rose
Italiano Rose è #D16169: rgb(209 97 105), hsl(356 55% 60%), oklch(0.631 0.142 17.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Italiano Rose color name →
#D16169
oklch(0.631 0.142 17.7)
Conversioni di colore
- HEX
- #d16169
- RGB
- rgb(209 97 105)
- HSL
- hsl(356 55% 60%)
- HWB
- hwb(356 38% 18%)
- OKLCH
- oklch(0.631 0.142 17.7)
- OKLab
- oklab(0.631 0.135 0.043)
- CIE Lab
- lab(55.7 45.67 18.04)
- LCH
- lch(55.7 49.11 21.6)
- CMYK
- cmyk(0% 54% 50% 18%)
Tinte · Ombre · Toni
Tinte
- D77277
- DD8286
- E39194
- E8A1A3
- EDB1B2
- F2C0C1
- F6D0D0
- F9E0E0
- FCEFEF
Ombre
- B5535A
- 9B464C
- 81393E
- 682D31
- 502124
- 391518
- 230B0C
- 100304
- 020000
Toni
- CA656B
- C2696E
- BB6D70
- B37073
- AB7475
- A37677
- 9B7979
- 927C7C
- 897E7E
Armonie di colore
Complementare +180°
- D16169
Italiano Rose
- 009DA0
≈ Island Dream
Analogo -30° +30°
- D16169
Italiano Rose
- C66299
≈ Nocturnal Rose
- CD6B33
≈ Hot Caramel
Triadico +120° +240°
- D16169
Italiano Rose
- 5C9D42
≈ Calm Balm
- 4F89DE
≈ Blue Jay
Complementare divisa +150° +210°
- D16169
Italiano Rose
- 00A27A
≈ Sport Green
- 0097C3
≈ Atomic Blue
Tetradico +90° +180° +270°
- D16169
Italiano Rose
- 938E00
≈ Old Asparagus
- 009DA0
≈ Island Dream
- 8679DA
≈ Indigo Bloom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.73:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.62:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.62:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--italiano-rose: #d16169;
--italiano-rose-rgb: 209 97 105;
--italiano-rose-oklch: oklch(0.631 0.142 17.7);
}
.element {
color: var(--italiano-rose);
background-color: hsl(356 55% 60%);
border-color: oklch(0.631 0.142 17.7);
}Tailwind CSS v4
@theme {
--color-italiano-rose: #d16169;
--color-italiano-rose-50: #ffe6e5;
--color-italiano-rose-100: #ffd6d5;
--color-italiano-rose-200: #ffbcbc;
--color-italiano-rose-300: #f7999a;
--color-italiano-rose-400: #e6797f;
--color-italiano-rose-500: #d35862;
--color-italiano-rose-600: #b24b54;
--color-italiano-rose-700: #8f3c43;
--color-italiano-rose-800: #6b2a32;
--color-italiano-rose-900: #4b1d22;
--color-italiano-rose-950: #310c11;
}SCSS
$italiano-rose: #d16169;
$italiano-rose-rgb: 209, 97, 105;
$italiano-rose-light: mix(#fff, $italiano-rose, 20%);
$italiano-rose-dark: mix(#000, $italiano-rose, 20%);
.element {
color: $italiano-rose;
box-shadow: 0 0 0 2px rgba($italiano-rose, 0.35);
}