Colore con nome · #B3A6A5
Cool Lavender
Cool Lavender è #B3A6A5: rgb(179 166 165), hsl(4 8% 67%), oklch(0.736 0.015 22.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cool Lavender color name →
#B3A6A5
oklch(0.736 0.015 22.8)
Conversioni di colore
- HEX
- #b3a6a5
- RGB
- rgb(179 166 165)
- HSL
- hsl(4 8% 67%)
- HWB
- hwb(4 65% 30%)
- OKLCH
- oklch(0.736 0.015 22.8)
- OKLab
- oklab(0.736 0.014 0.006)
- CIE Lab
- lab(69.22 4.73 2.3)
- LCH
- lch(69.22 5.26 26)
- CMYK
- cmyk(0% 7% 8% 30%)
Tinte · Ombre · Toni
Tinte
- BAAFAE
- C2B7B6
- C9C0BF
- D1C9C8
- D8D2D1
- E0DBDA
- E8E4E3
- EFEDEC
- F7F6F6
Ombre
- 9B908F
- 847A79
- 6E6565
- 585151
- 433E3D
- 2F2B2B
- 1D1A1A
- 0C0A0A
- 010101
Toni
- AEA2A1
- A99E9D
- A39A9A
- 9E9796
- 999392
- 948F8F
- 8F8B8B
- 8A8787
- 858484
Armonie di colore
Complementare +180°
- B3A6A5
Cool Lavender
- 9FADAE
≈ Portsmouth Bay
Analogo -30° +30°
- B3A6A5
Cool Lavender
- B2A6AA
≈ Beguiling Mauve
- B2A7A1
≈ Aura
Triadico +120° +240°
- B3A6A5
Cool Lavender
- A4ACA3
≈ Ginkgo Green
- A4AAB3
≈ Chateau de Chillon
Complementare divisa +150° +210°
- B3A6A5
Cool Lavender
- A0ADA8
≈ Feldspar Silver
- A1ABB2
≈ Chateau de Chillon
Tetradico +90° +180° +270°
- B3A6A5
Cool Lavender
- A9ABA0
≈ Provincial
- 9FADAE
≈ Portsmouth Bay
- A9A8B3
≈ Modern Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.91:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--cool-lavender: #b3a6a5;
--cool-lavender-rgb: 179 166 165;
--cool-lavender-oklch: oklch(0.736 0.015 22.8);
}
.element {
color: var(--cool-lavender);
background-color: hsl(4 8% 67%);
border-color: oklch(0.736 0.015 22.8);
}Tailwind CSS v4
@theme {
--color-cool-lavender: #b3a6a5;
--color-cool-lavender-50: #f9f3f3;
--color-cool-lavender-100: #ede6e5;
--color-cool-lavender-200: #dbd2d1;
--color-cool-lavender-300: #bfb5b3;
--color-cool-lavender-400: #a79b9a;
--color-cool-lavender-500: #908281;
--color-cool-lavender-600: #7a6e6e;
--color-cool-lavender-700: #625858;
--color-cool-lavender-800: #484040;
--color-cool-lavender-900: #322c2c;
--color-cool-lavender-950: #1e1919;
}SCSS
$cool-lavender: #b3a6a5;
$cool-lavender-rgb: 179, 166, 165;
$cool-lavender-light: mix(#fff, $cool-lavender, 20%);
$cool-lavender-dark: mix(#000, $cool-lavender, 20%);
.element {
color: $cool-lavender;
box-shadow: 0 0 0 2px rgba($cool-lavender, 0.35);
}