Colore con nome · #B5ACAB
Rose Ashes
Rose Ashes è #B5ACAB: rgb(181 172 171), hsl(6 6% 69%), oklch(0.752 0.01 25.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Rose Ashes color name →
#B5ACAB
oklch(0.752 0.01 25.1)
Conversioni di colore
- HEX
- #b5acab
- RGB
- rgb(181 172 171)
- HSL
- hsl(6 6% 69%)
- HWB
- hwb(6 67% 29%)
- OKLCH
- oklch(0.752 0.01 25.1)
- OKLab
- oklab(0.752 0.009 0.004)
- CIE Lab
- lab(71.09 3.2 1.73)
- LCH
- lch(71.09 3.64 28.4)
- CMYK
- cmyk(0% 5% 6% 29%)
Tinte · Ombre · Toni
Tinte
- BCB4B3
- C3BCBB
- CBC4C4
- D2CCCC
- D9D5D4
- E1DDDD
- E8E5E5
- F0EEEE
- F7F6F6
Ombre
- 9D9594
- 867F7E
- 6F6968
- 595454
- 444040
- 302D2D
- 1D1B1B
- 0C0B0B
- 020101
Toni
- B0A7A7
- AAA3A2
- A59F9E
- 9F9A9A
- 9A9695
- 959191
- 908D8D
- 8A8988
- 858484
Armonie di colore
Complementare +180°
- B5ACAB
Rose Ashes
- A7B0B1
≈ Mirror Mirror
Analogo -30° +30°
- B5ACAB
Rose Ashes
- B4ACAF
≈ Pinch Purple
- B4ADA8
≈ Slate Pebble
Triadico +120° +240°
- B5ACAB
Rose Ashes
- AAB0AA
≈ Blue Fox
- ABAEB5
≈ Love-Struck Chinchilla
Complementare divisa +150° +210°
- B5ACAB
Rose Ashes
- A8B1AE
≈ Artful
- A8B0B4
≈ Brilliant Silver
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.45:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.45:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--rose-ashes: #b5acab;
--rose-ashes-rgb: 181 172 171;
--rose-ashes-oklch: oklch(0.752 0.01 25.1);
}
.element {
color: var(--rose-ashes);
background-color: hsl(6 6% 69%);
border-color: oklch(0.752 0.01 25.1);
}Tailwind CSS v4
@theme {
--color-rose-ashes: #b5acab;
--color-rose-ashes-50: #f8f4f3;
--color-rose-ashes-100: #ebe7e6;
--color-rose-ashes-200: #d9d3d2;
--color-rose-ashes-300: #bdb5b4;
--color-rose-ashes-400: #a59c9b;
--color-rose-ashes-500: #8d8483;
--color-rose-ashes-600: #776f6f;
--color-rose-ashes-700: #5f5958;
--color-rose-ashes-800: #464141;
--color-rose-ashes-900: #302d2c;
--color-rose-ashes-950: #1d1a1a;
}SCSS
$rose-ashes: #b5acab;
$rose-ashes-rgb: 181, 172, 171;
$rose-ashes-light: mix(#fff, $rose-ashes, 20%);
$rose-ashes-dark: mix(#000, $rose-ashes, 20%);
.element {
color: $rose-ashes;
box-shadow: 0 0 0 2px rgba($rose-ashes, 0.35);
}