Colore con nome più vicino · #AC3E6C
#AC3E6C
Colore con nome più vicino: Hibiscus
#AC3E6C (rgb(172 62 108), hsl(335 47% 46%), oklch(0.53 0.15 357.6)) è più vicino al colore con nome Hibiscus. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#AC3E6C
oklch(0.53 0.15 357.6)
Conversioni di colore
- HEX
- #ac3e6c
- RGB
- rgb(172 62 108)
- HSL
- hsl(335 47% 46%)
- HWB
- hwb(335 24% 33%)
- OKLCH
- oklch(0.53 0.15 357.6)
- OKLab
- oklab(0.53 0.15 -0.006)
- CIE Lab
- lab(43.57 48.72 -1.74)
- LCH
- lch(43.57 48.75 358)
- CMYK
- cmyk(0% 64% 37% 33%)
Tinte · Ombre · Toni
Tinte
- B6537A
- C06688
- C97996
- D28CA4
- DB9FB3
- E3B2C2
- EBC5D1
- F2D8E0
- F9ECEF
Ombre
- 95355D
- 7F2B4E
- 692340
- 541A32
- 401225
- 2D0A19
- 1B040D
- 0B0104
- 010000
Toni
- A9476E
- A64F70
- A25672
- 9E5D74
- 9A6376
- 966978
- 916F7A
- 8C757C
- 867B7E
Armonie di colore
Complementare +180°
- AC3E6C
Hibiscus
- 007E6B
≈ Mediaeval Forest
Analogo -30° +30°
- AC3E6C
Hibiscus
- 984697
≈ Hyacinth Violet
- B24038
≈ Italian Red
Triadico +120° +240°
- AC3E6C
Hibiscus
- 677400
≈ Topiary Green
- 0074A7
≈ Methyl Blue
Complementare divisa +150° +210°
- AC3E6C
Hibiscus
- 0D8233
≈ Pharmaceutical Green
- 007A87
≈ Biscay Bay
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.73:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.65:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--hibiscus: #ac3e6c;
--hibiscus-rgb: 172 62 108;
--hibiscus-oklch: oklch(0.53 0.15 357.6);
}
.element {
color: var(--hibiscus);
background-color: hsl(335 47% 46%);
border-color: oklch(0.53 0.15 357.6);
}Tailwind CSS v4
@theme {
--color-hibiscus: #ac3e6c;
--color-hibiscus-50: #ffe4f4;
--color-hibiscus-100: #ffd4e6;
--color-hibiscus-200: #ffbad2;
--color-hibiscus-300: #f696b5;
--color-hibiscus-400: #e3759f;
--color-hibiscus-500: #d05386;
--color-hibiscus-600: #b04772;
--color-hibiscus-700: #8d395b;
--color-hibiscus-800: #692844;
--color-hibiscus-900: #4a1b2f;
--color-hibiscus-950: #300b1c;
}SCSS
$hibiscus: #ac3e6c;
$hibiscus-rgb: 172, 62, 108;
$hibiscus-light: mix(#fff, $hibiscus, 20%);
$hibiscus-dark: mix(#000, $hibiscus, 20%);
.element {
color: $hibiscus;
box-shadow: 0 0 0 2px rgba($hibiscus, 0.35);
}