Colore con nome · #B2A8A1
Aura
Aura è #B2A8A1: rgb(178 168 161), hsl(25 10% 66%), oklch(0.738 0.015 57.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Aura color name →
#B2A8A1
oklch(0.738 0.015 57.5)
Conversioni di colore
- HEX
- #b2a8a1
- RGB
- rgb(178 168 161)
- HSL
- hsl(25 10% 66%)
- HWB
- hwb(25 63% 30%)
- OKLCH
- oklch(0.738 0.015 57.5)
- OKLab
- oklab(0.738 0.008 0.013)
- CIE Lab
- lab(69.57 2.81 4.99)
- LCH
- lch(69.57 5.72 60.6)
- CMYK
- cmyk(0% 6% 10% 30%)
Tinte · Ombre · Toni
Tinte
- B9B0AA
- C1B9B3
- C9C1BC
- D0CAC6
- D8D3CF
- E0DBD8
- E7E4E2
- EFEDEC
- F7F6F5
Ombre
- 9A928B
- 837C76
- 6D6762
- 57524E
- 433F3C
- 2F2C2A
- 1D1A19
- 0C0A09
- 010101
Toni
- ADA49E
- A8A09A
- A39C97
- 9E9894
- 999490
- 94908D
- 8F8C8A
- 8A8887
- 858483
Armonie di colore
Complementare +180°
- B2A8A1
Aura
- A2ACB3
≈ Laundry Blue
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.00:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--aura: #b2a8a1;
--aura-rgb: 178 168 161;
--aura-oklch: oklch(0.738 0.015 57.5);
}
.element {
color: var(--aura);
background-color: hsl(25 10% 66%);
border-color: oklch(0.738 0.015 57.5);
}Tailwind CSS v4
@theme {
--color-aura: #b2a8a1;
--color-aura-50: #f9f4f1;
--color-aura-100: #ece7e3;
--color-aura-200: #d9d3ce;
--color-aura-300: #beb6b0;
--color-aura-400: #a69c96;
--color-aura-500: #8e847c;
--color-aura-600: #787069;
--color-aura-700: #605954;
--color-aura-800: #47413d;
--color-aura-900: #312d2a;
--color-aura-950: #1d1a18;
}SCSS
$aura: #b2a8a1;
$aura-rgb: 178, 168, 161;
$aura-light: mix(#fff, $aura, 20%);
$aura-dark: mix(#000, $aura, 20%);
.element {
color: $aura;
box-shadow: 0 0 0 2px rgba($aura, 0.35);
}