Colore con nome · #B495A4
Ashberry
Ashberry è #B495A4: rgb(180 149 164), hsl(331 17% 65%), oklch(0.703 0.042 347.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Ashberry color name →
#B495A4
oklch(0.703 0.042 347.5)
Conversioni di colore
- HEX
- #b495a4
- RGB
- rgb(180 149 164)
- HSL
- hsl(331 17% 65%)
- HWB
- hwb(331 58% 29%)
- OKLCH
- oklch(0.703 0.042 347.5)
- OKLab
- oklab(0.703 0.041 -0.009)
- CIE Lab
- lab(64.92 13.83 -3.32)
- LCH
- lch(64.92 14.22 346.5)
- CMYK
- cmyk(0% 17% 9% 29%)
Tinte · Ombre · Toni
Tinte
- BB9FAD
- C3A9B6
- CAB4BF
- D2BEC8
- D9C9D1
- E1D4DA
- E8DEE3
- F0E9EC
- F7F4F6
Ombre
- 9C818E
- 856D79
- 6E5A64
- 584850
- 44373D
- 30262B
- 1D161A
- 0C080A
- 020101
Toni
- AF93A0
- AA919D
- A48F99
- 9F8D95
- 9A8B92
- 95888E
- 90868B
- 8A8487
- 858284
Armonie di colore
Complementare +180°
- B495A4
Ashberry
- 87A89A
≈ Beckett
Analogo -30° +30°
- B495A4
Ashberry
- AA97B1
≈ London Hue
- B89595
≈ Cherry Taupe
Triadico +120° +240°
- B495A4
Ashberry
- A1A283
≈ Rigby Ridge
- 84A5B4
≈ Grauzone
Complementare divisa +150° +210°
- B495A4
Ashberry
- 93A68C
≈ Sonoma Sage
- 81A8A8
≈ Acapulco Aqua
Tetradico +90° +180° +270°
- B495A4
Ashberry
- AE9C82
≈ Tatami Mat
- 87A89A
≈ Beckett
- 8FA1BA
≈ Anita
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.70:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.77:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.77:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--ashberry: #b495a4;
--ashberry-rgb: 180 149 164;
--ashberry-oklch: oklch(0.703 0.042 347.5);
}
.element {
color: var(--ashberry);
background-color: hsl(331 17% 65%);
border-color: oklch(0.703 0.042 347.5);
}Tailwind CSS v4
@theme {
--color-ashberry: #b495a4;
--color-ashberry-50: #fff0f7;
--color-ashberry-100: #f4e2ea;
--color-ashberry-200: #e3cdd7;
--color-ashberry-300: #c9afbb;
--color-ashberry-400: #b295a3;
--color-ashberry-500: #9c7b8b;
--color-ashberry-600: #846876;
--color-ashberry-700: #6a535e;
--color-ashberry-800: #4e3d46;
--color-ashberry-900: #362a30;
--color-ashberry-950: #21171c;
}SCSS
$ashberry: #b495a4;
$ashberry-rgb: 180, 149, 164;
$ashberry-light: mix(#fff, $ashberry, 20%);
$ashberry-dark: mix(#000, $ashberry, 20%);
.element {
color: $ashberry;
box-shadow: 0 0 0 2px rgba($ashberry, 0.35);
}