Benannte Farbe · #BBB3A2
Ashes to Ashes
Ashes to Ashes ist #BBB3A2: rgb(187 179 162), hsl(41 16% 68%), oklch(0.769 0.025 85.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ashes to Ashes color name →
#BBB3A2
oklch(0.769 0.025 85.8)
Farbumrechnungen
- HEX
- #bbb3a2
- RGB
- rgb(187 179 162)
- HSL
- hsl(41 16% 68%)
- HWB
- hwb(41 64% 27%)
- OKLCH
- oklch(0.769 0.025 85.8)
- OKLab
- oklab(0.769 0.002 0.025)
- CIE Lab
- lab(73.26 0.77 9.79)
- LCH
- lch(73.26 9.82 85.5)
- CMYK
- cmyk(0% 4% 13% 27%)
Tints · Shades · Tones
Tints
- C2BAAB
- C8C2B4
- CFC9BD
- D6D1C6
- DDD8D0
- E3E0D9
- EAE8E2
- F1EFEC
- F8F7F5
Shades
- A29B8C
- 8A8477
- 736E63
- 5C584F
- 46433C
- 322F2A
- 1F1D19
- 0D0C0A
- 020101
Tones
- B5AE9F
- AFA99B
- A9A398
- A39E94
- 9D9991
- 97948E
- 918F8A
- 8B8A87
- 868583
Farbharmonien
Komplementär +180°
- BBB3A2
Ashes to Ashes
- ACB4C5
≈ Bluebeard
Analog -30° +30°
- BBB3A2
Ashes to Ashes
- C1B0A5
≈ Smokestack
- B3B6A4
≈ Fennel Stem
Triadisch +120° +240°
- BBB3A2
Ashes to Ashes
- A2B9BC
≈ Hopeful Blue
- BDAFBD
≈ Window Box
Geteilt komplementär +150° +210°
- BBB3A2
Ashes to Ashes
- A5B7C2
≈ Hazy Daze
- B5B1C3
≈ Evening Haze
Tetradisch +90° +180° +270°
- BBB3A2
Ashes to Ashes
- A4B9B3
≈ Gin Berry
- ACB4C5
≈ Bluebeard
- C2ADB4
≈ Bedroom Plum
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.08:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.08:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.08:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--ashes-to-ashes: #bbb3a2;
--ashes-to-ashes-rgb: 187 179 162;
--ashes-to-ashes-oklch: oklch(0.769 0.025 85.8);
}
.element {
color: var(--ashes-to-ashes);
background-color: hsl(41 16% 68%);
border-color: oklch(0.769 0.025 85.8);
}Tailwind CSS v4
@theme {
--color-ashes-to-ashes: #bbb3a2;
--color-ashes-to-ashes-50: #f8f5ed;
--color-ashes-to-ashes-100: #ebe8df;
--color-ashes-to-ashes-200: #d9d4c8;
--color-ashes-to-ashes-300: #bdb7a9;
--color-ashes-to-ashes-400: #a59e8e;
--color-ashes-to-ashes-500: #8e8573;
--color-ashes-to-ashes-600: #787162;
--color-ashes-to-ashes-700: #605a4e;
--color-ashes-to-ashes-800: #474239;
--color-ashes-to-ashes-900: #312d27;
--color-ashes-to-ashes-950: #1d1a15;
}SCSS
$ashes-to-ashes: #bbb3a2;
$ashes-to-ashes-rgb: 187, 179, 162;
$ashes-to-ashes-light: mix(#fff, $ashes-to-ashes, 20%);
$ashes-to-ashes-dark: mix(#000, $ashes-to-ashes, 20%);
.element {
color: $ashes-to-ashes;
box-shadow: 0 0 0 2px rgba($ashes-to-ashes, 0.35);
}