Colore con nome · #A08DA7
Nana
Nana è #A08DA7: rgb(160 141 167), hsl(284 13% 60%), oklch(0.669 0.044 316.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Nana color name →
#A08DA7
oklch(0.669 0.044 316.9)
Conversioni di colore
- HEX
- #a08da7
- RGB
- rgb(160 141 167)
- HSL
- hsl(284 13% 60%)
- HWB
- hwb(284 55% 35%)
- OKLCH
- oklch(0.669 0.044 316.9)
- OKLab
- oklab(0.669 0.032 -0.03)
- CIE Lab
- lab(61.01 11.01 -11.03)
- LCH
- lch(61.01 15.59 315)
- CMYK
- cmyk(4% 16% 0% 35%)
Tinte · Ombre · Toni
Tinte
- A998B0
- B2A3B8
- BCAEC1
- C5B9CA
- CFC5D2
- D8D0DB
- E2DCE4
- EBE7ED
- F5F3F6
Ombre
- 8B7A91
- 76677B
- 615566
- 4E4452
- 3B333E
- 29232C
- 19141A
- 09070A
- 010101
Toni
- 9D8CA3
- 9A8A9F
- 96899B
- 938897
- 908793
- 8D8590
- 8A848C
- 868388
- 838184
Armonie di colore
Complementare +180°
- A08DA7
Nana
- 899C81
≈ Basil
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
- A08DA7
Nana
- 989778
≈ Milkweed Pod
- 7C9E8F
≈ Seiji Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.06:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.86:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.86:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--nana: #a08da7;
--nana-rgb: 160 141 167;
--nana-oklch: oklch(0.669 0.044 316.9);
}
.element {
color: var(--nana);
background-color: hsl(284 13% 60%);
border-color: oklch(0.669 0.044 316.9);
}Tailwind CSS v4
@theme {
--color-nana: #a08da7;
--color-nana-50: #fbf1fd;
--color-nana-100: #eee4f1;
--color-nana-200: #ddcfe0;
--color-nana-300: #c1b1c6;
--color-nana-400: #a997b0;
--color-nana-500: #927e9a;
--color-nana-600: #7c6a82;
--color-nana-700: #635568;
--color-nana-800: #483e4d;
--color-nana-900: #322b35;
--color-nana-950: #1e1821;
}SCSS
$nana: #a08da7;
$nana-rgb: 160, 141, 167;
$nana-light: mix(#fff, $nana, 20%);
$nana-dark: mix(#000, $nana, 20%);
.element {
color: $nana;
box-shadow: 0 0 0 2px rgba($nana, 0.35);
}