Colore con nome · #A47BAC
Design Delight
Design Delight è #A47BAC: rgb(164 123 172), hsl(290 23% 58%), oklch(0.64 0.085 320.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Design Delight color name →
#A47BAC
oklch(0.64 0.085 320.8)
Conversioni di colore
- HEX
- #a47bac
- RGB
- rgb(164 123 172)
- HSL
- hsl(290 23% 58%)
- HWB
- hwb(290 48% 33%)
- OKLCH
- oklch(0.64 0.085 320.8)
- OKLab
- oklab(0.64 0.066 -0.054)
- CIE Lab
- lab(57.04 22.93 -19.77)
- LCH
- lch(57.04 30.28 319.2)
- CMYK
- cmyk(5% 28% 0% 33%)
Tinte · Ombre · Toni
Tinte
- AD88B4
- B695BD
- BFA1C5
- C8AECD
- D1BCD5
- DAC9DE
- E3D6E6
- EDE4EE
- F6F1F7
Ombre
- 8E6A95
- 795A7F
- 644A69
- 503A54
- 3D2C40
- 2B1E2D
- 1A101B
- 0A050B
- 010101
Toni
- A07CA8
- 9D7CA3
- 997D9F
- 967E9B
- 927E96
- 8F7F92
- 8B7F8D
- 877F89
- 848084
Armonie di colore
Complementare +180°
- A47BAC
Design Delight
- 6F9968
≈ Mosslands
Analogo -30° +30°
- A47BAC
Design Delight
- 8C83BC
≈ Bravo!
- B47693
≈ Choral Singer
Triadico +120° +240°
- A47BAC
Design Delight
- A7874D
≈ Kiss Candy
- 419CA1
≈ Coolbox Ice Turquoise
Complementare divisa +150° +210°
- A47BAC
Design Delight
- 8E9152
≈ Fair and Square
- 509D85
≈ Wintergreen Shadow
Tetradico +90° +180° +270°
- A47BAC
Design Delight
- B67D5C
≈ Silken Chocolate
- 6F9968
≈ Mosslands
- 5196B7
≈ Heritage Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.49:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.00:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 6.00:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--design-delight: #a47bac;
--design-delight-rgb: 164 123 172;
--design-delight-oklch: oklch(0.64 0.085 320.8);
}
.element {
color: var(--design-delight);
background-color: hsl(290 23% 58%);
border-color: oklch(0.64 0.085 320.8);
}Tailwind CSS v4
@theme {
--color-design-delight: #a47bac;
--color-design-delight-50: #ffedff;
--color-design-delight-100: #f6dff9;
--color-design-delight-200: #e7c9ea;
--color-design-delight-300: #cda9d1;
--color-design-delight-400: #b68ebd;
--color-design-delight-500: #a073a9;
--color-design-delight-600: #87628f;
--color-design-delight-700: #6c4e72;
--color-design-delight-800: #4f3955;
--color-design-delight-900: #37273c;
--color-design-delight-950: #221525;
}SCSS
$design-delight: #a47bac;
$design-delight-rgb: 164, 123, 172;
$design-delight-light: mix(#fff, $design-delight, 20%);
$design-delight-dark: mix(#000, $design-delight, 20%);
.element {
color: $design-delight;
box-shadow: 0 0 0 2px rgba($design-delight, 0.35);
}