Benannte Farbe · #A2A1AC
Spun Pearl
Spun Pearl ist #A2A1AC: rgb(162 161 172), hsl(245 6% 65%), oklch(0.713 0.016 290.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Spun Pearl color name →
#A2A1AC
oklch(0.713 0.016 290.2)
Farbumrechnungen
- HEX
- #a2a1ac
- RGB
- rgb(162 161 172)
- HSL
- hsl(245 6% 65%)
- HWB
- hwb(245 63% 33%)
- OKLCH
- oklch(0.713 0.016 290.2)
- OKLab
- oklab(0.713 0.005 -0.015)
- CIE Lab
- lab(66.59 1.98 -5.59)
- LCH
- lch(66.59 5.93 289.5)
- CMYK
- cmyk(6% 6% 0% 33%)
Tints · Shades · Tones
Tints
- ABAAB4
- B4B3BC
- BDBCC4
- C6C6CD
- D0CFD5
- D9D8DD
- E2E2E6
- ECECEE
- F5F5F6
Shades
- 8C8B95
- 77767F
- 636269
- 4F4E54
- 3C3C40
- 2A2A2D
- 19191B
- 0A090B
- 010101
Tones
- 9F9EA8
- 9B9AA3
- 98979F
- 94949A
- 919096
- 8D8D91
- 8A8A8D
- 878689
- 838384
Farbharmonien
Komplementär +180°
- A2A1AC
Spun Pearl
- A3A498
≈ Strong Winds
Analog -30° +30°
- A2A1AC
Spun Pearl
- 9DA3AD
≈ Rough Stone
- A79FA9
≈ Goose Wing Grey
Triadisch +120° +240°
- A2A1AC
Spun Pearl
- ABA09A
≈ Winter Nap
- 99A6A1
≈ Farmers Green
Geteilt komplementär +150° +210°
- A2A1AC
Spun Pearl
- A8A298
≈ Downing Stone
- 9DA59C
≈ Seafoam Storm
Tetradisch +90° +180° +270°
- A2A1AC
Spun Pearl
- AC9F9E
≈ Stellar Mist
- A3A498
≈ Strong Winds
- 98A6A6
≈ Galway Bay
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.55:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.22:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.22:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--spun-pearl: #a2a1ac;
--spun-pearl-rgb: 162 161 172;
--spun-pearl-oklch: oklch(0.713 0.016 290.2);
}
.element {
color: var(--spun-pearl);
background-color: hsl(245 6% 65%);
border-color: oklch(0.713 0.016 290.2);
}Tailwind CSS v4
@theme {
--color-spun-pearl: #a2a1ac;
--color-spun-pearl-50: #f5f4f9;
--color-spun-pearl-100: #e8e7ed;
--color-spun-pearl-200: #d4d3db;
--color-spun-pearl-300: #b7b6bf;
--color-spun-pearl-400: #9e9da7;
--color-spun-pearl-500: #868590;
--color-spun-pearl-600: #71707a;
--color-spun-pearl-700: #5a5a62;
--color-spun-pearl-800: #424248;
--color-spun-pearl-900: #2d2d32;
--color-spun-pearl-950: #1a1a1e;
}SCSS
$spun-pearl: #a2a1ac;
$spun-pearl-rgb: 162, 161, 172;
$spun-pearl-light: mix(#fff, $spun-pearl, 20%);
$spun-pearl-dark: mix(#000, $spun-pearl, 20%);
.element {
color: $spun-pearl;
box-shadow: 0 0 0 2px rgba($spun-pearl, 0.35);
}