Colore con nome · #DD3366
1989 Miami Hotline
1989 Miami Hotline è #DD3366: rgb(221 51 102), hsl(342 71% 53%), oklch(0.598 0.206 8.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · 1989 Miami Hotline color name →
#DD3366
oklch(0.598 0.206 8.8)
Conversioni di colore
- HEX
- #dd3366
- RGB
- rgb(221 51 102)
- HSL
- hsl(342 71% 53%)
- HWB
- hwb(342 20% 13%)
- OKLCH
- oklch(0.598 0.206 8.8)
- OKLab
- oklab(0.598 0.203 0.032)
- CIE Lab
- lab(51 66.88 13.91)
- LCH
- lch(51 68.31 11.8)
- CMYK
- cmyk(0% 77% 54% 13%)
Tinte · Ombre · Toni
Tinte
- E44F74
- E96683
- EF7A92
- F38EA0
- F7A2B0
- FAB4BF
- FDC7CF
- FEDADF
- FFECEF
Ombre
- C02B58
- A4234A
- 881C3C
- 6E142F
- 550D23
- 3D0717
- 26030C
- 110104
- 020000
Toni
- D54169
- CD4C6B
- C5556E
- BD5D71
- B46573
- AB6B76
- A17178
- 97767B
- 8C7B7D
Armonie di colore
Complementare +180°
- DD3366
1989 Miami Hotline
- 00938C
≈ Torrid Turquoise
Analogo -30° +30°
- DD3366
1989 Miami Hotline
- C83EA8
≈ Krameria
- D94700
≈ Macharius Solar Orange
Triadico +120° +240°
- DD3366
1989 Miami Hotline
- 629100
≈ Pont Moss
- 0083DC
≈ Blue Cola
Complementare divisa +150° +210°
- DD3366
1989 Miami Hotline
- 009860
≈ Green Cyan
- 008EAB
≈ Zeftron
Tetradico +90° +180° +270°
- DD3366
1989 Miami Hotline
- 938000
≈ Thicket Green
- 00938C
≈ Torrid Turquoise
- 6B68F6
≈ If I Could Fly
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.43:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.73:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.73:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--color-1989-miami-hotline: #dd3366;
--color-1989-miami-hotline-rgb: 221 51 102;
--color-1989-miami-hotline-oklch: oklch(0.598 0.206 8.8);
}
.element {
color: var(--color-1989-miami-hotline);
background-color: hsl(342 71% 53%);
border-color: oklch(0.598 0.206 8.8);
}Tailwind CSS v4
@theme {
--color-color-1989-miami-hotline: #dd3366;
--color-color-1989-miami-hotline-50: #ffdde7;
--color-color-1989-miami-hotline-100: #ffccd7;
--color-color-1989-miami-hotline-200: #ffaebf;
--color-color-1989-miami-hotline-300: #ff869e;
--color-color-1989-miami-hotline-400: #fe5e85;
--color-color-1989-miami-hotline-500: #ed2a6a;
--color-color-1989-miami-hotline-600: #c8275a;
--color-color-1989-miami-hotline-700: #a12047;
--color-color-1989-miami-hotline-800: #781536;
--color-color-1989-miami-hotline-900: #550e25;
--color-color-1989-miami-hotline-950: #380014;
}SCSS
$color-1989-miami-hotline: #dd3366;
$color-1989-miami-hotline-rgb: 221, 51, 102;
$color-1989-miami-hotline-light: mix(#fff, $color-1989-miami-hotline, 20%);
$color-1989-miami-hotline-dark: mix(#000, $color-1989-miami-hotline, 20%);
.element {
color: $color-1989-miami-hotline;
box-shadow: 0 0 0 2px rgba($color-1989-miami-hotline, 0.35);
}