Benannte Farbe · #AC9B9B
Powdered Brick
Powdered Brick ist #AC9B9B: rgb(172 155 155), hsl(0 9% 64%), oklch(0.704 0.02 17.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Powdered Brick color name →
#AC9B9B
oklch(0.704 0.02 17.6)
Farbumrechnungen
- HEX
- #ac9b9b
- RGB
- rgb(172 155 155)
- HSL
- hsl(0 9% 64%)
- HWB
- hwb(0 61% 33%)
- OKLCH
- oklch(0.704 0.02 17.6)
- OKLab
- oklab(0.704 0.019 0.006)
- CIE Lab
- lab(65.49 6.46 2.4)
- LCH
- lch(65.49 6.89 20.4)
- CMYK
- cmyk(0% 10% 10% 33%)
Tints · Shades · Tones
Tints
- B4A5A5
- BCAEAE
- C4B8B8
- CDC2C2
- D5CCCC
- DDD6D6
- E6E0E0
- EEEAEA
- F6F5F5
Shades
- 958686
- 7F7272
- 695E5E
- 544B4B
- 403939
- 2D2828
- 1B1818
- 0B0909
- 010101
Tones
- A89898
- A39696
- 9F9393
- 9A9090
- 968D8D
- 918B8B
- 8D8888
- 898585
- 848383
Farbharmonien
Komplementär +180°
- AC9B9B
Powdered Brick
- 92A4A4
≈ Dusty Sky
Analog -30° +30°
- AC9B9B
Powdered Brick
- AA9BA2
≈ Laylock
- AB9C95
≈ Sinister Mood
Triadisch +120° +240°
- AC9B9B
Powdered Brick
- 9AA397
≈ Nature’s Gift
- 98A0AD
≈ Vesper Violet
Geteilt komplementär +150° +210°
- AC9B9B
Powdered Brick
- 94A49D
≈ Spruce Shade
- 93A3AA
≈ Galleria Blue
Tetradisch +90° +180° +270°
- AC9B9B
Powdered Brick
- A1A193
≈ Pussywillow Grey
- 92A4A4
≈ Dusty Sky
- 9F9EAC
≈ Indolence
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.65:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.91:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.91:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--powdered-brick: #ac9b9b;
--powdered-brick-rgb: 172 155 155;
--powdered-brick-oklch: oklch(0.704 0.02 17.6);
}
.element {
color: var(--powdered-brick);
background-color: hsl(0 9% 64%);
border-color: oklch(0.704 0.02 17.6);
}Tailwind CSS v4
@theme {
--color-powdered-brick: #ac9b9b;
--color-powdered-brick-50: #fbf3f3;
--color-powdered-brick-100: #efe5e5;
--color-powdered-brick-200: #ddd1d1;
--color-powdered-brick-300: #c2b4b3;
--color-powdered-brick-400: #aa9a9a;
--color-powdered-brick-500: #938181;
--color-powdered-brick-600: #7c6d6d;
--color-powdered-brick-700: #645757;
--color-powdered-brick-800: #494040;
--color-powdered-brick-900: #332c2c;
--color-powdered-brick-950: #1e1919;
}SCSS
$powdered-brick: #ac9b9b;
$powdered-brick-rgb: 172, 155, 155;
$powdered-brick-light: mix(#fff, $powdered-brick, 20%);
$powdered-brick-dark: mix(#000, $powdered-brick, 20%);
.element {
color: $powdered-brick;
box-shadow: 0 0 0 2px rgba($powdered-brick, 0.35);
}