Benannte Farbe · #ADA5A3
Maculata Bark
Maculata Bark ist #ADA5A3: rgb(173 165 163), hsl(12 6% 66%), oklch(0.728 0.01 34.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Maculata Bark color name →
#ADA5A3
oklch(0.728 0.01 34.3)
Farbumrechnungen
- HEX
- #ada5a3
- RGB
- rgb(173 165 163)
- HSL
- hsl(12 6% 66%)
- HWB
- hwb(12 64% 32%)
- OKLCH
- oklch(0.728 0.01 34.3)
- OKLab
- oklab(0.728 0.008 0.005)
- CIE Lab
- lab(68.38 2.71 2.12)
- LCH
- lch(68.38 3.45 38)
- CMYK
- cmyk(0% 5% 6% 32%)
Tints · Shades · Tones
Tints
- B5AEAC
- BDB6B5
- C5BFBE
- CDC8C7
- D5D1D0
- DEDAD9
- E6E3E3
- EEECEC
- F7F6F5
Shades
- 968F8D
- 7F7978
- 6A6563
- 55514F
- 413D3C
- 2D2B2A
- 1B1A19
- 0B0A0A
- 010101
Tones
- A8A19F
- A49D9C
- 9F9A98
- 9B9695
- 969291
- 928F8E
- 8D8B8A
- 898787
- 848483
Farbharmonien
Komplementär +180°
- ADA5A3
Maculata Bark
- A1A9AB
≈ Crown of Ash
Analog -30° +30°
- ADA5A3
Maculata Bark
- ADA5A6
≈ Quest Grey
- ACA6A1
≈ Hibernate
Triadisch +120° +240°
- ADA5A3
Maculata Bark
- A3A9A4
≈ Shiny Armour
- A5A7AD
≈ Lionfish
Geteilt komplementär +150° +210°
- ADA5A3
Maculata Bark
- A1A9A8
≈ Shiny Armour
- A2A8AD
≈ Ironbreaker Metal
Tetradisch +90° +180° +270°
- ADA5A3
Maculata Bark
- A6A8A2
≈ Silver Grey
- A1A9AB
≈ Crown of Ash
- A8A6AC
≈ Palace Walls
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.41:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.68:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.68:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--maculata-bark: #ada5a3;
--maculata-bark-rgb: 173 165 163;
--maculata-bark-oklch: oklch(0.728 0.01 34.3);
}
.element {
color: var(--maculata-bark);
background-color: hsl(12 6% 66%);
border-color: oklch(0.728 0.01 34.3);
}Tailwind CSS v4
@theme {
--color-maculata-bark: #ada5a3;
--color-maculata-bark-50: #f8f4f3;
--color-maculata-bark-100: #ebe7e6;
--color-maculata-bark-200: #d8d3d1;
--color-maculata-bark-300: #bcb6b4;
--color-maculata-bark-400: #a49c9b;
--color-maculata-bark-500: #8c8482;
--color-maculata-bark-600: #77706e;
--color-maculata-bark-700: #5f5958;
--color-maculata-bark-800: #464140;
--color-maculata-bark-900: #302d2c;
--color-maculata-bark-950: #1c1a19;
}SCSS
$maculata-bark: #ada5a3;
$maculata-bark-rgb: 173, 165, 163;
$maculata-bark-light: mix(#fff, $maculata-bark, 20%);
$maculata-bark-dark: mix(#000, $maculata-bark, 20%);
.element {
color: $maculata-bark;
box-shadow: 0 0 0 2px rgba($maculata-bark, 0.35);
}