Benannte Farbe · #A2999F
Sugilite
Sugilite ist #A2999F: rgb(162 153 159), hsl(320 5% 62%), oklch(0.692 0.014 337.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sugilite color name →
#A2999F
oklch(0.692 0.014 337.7)
Farbumrechnungen
- HEX
- #a2999f
- RGB
- rgb(162 153 159)
- HSL
- hsl(320 5% 62%)
- HWB
- hwb(320 60% 36%)
- OKLCH
- oklch(0.692 0.014 337.7)
- OKLab
- oklab(0.692 0.013 -0.005)
- CIE Lab
- lab(64.14 4.24 -1.91)
- LCH
- lch(64.14 4.65 335.7)
- CMYK
- cmyk(0% 6% 2% 36%)
Tints · Shades · Tones
Tints
- ABA3A8
- B4ADB2
- BDB7BB
- C6C1C4
- D0CBCE
- D9D5D8
- E2DFE1
- ECEAEB
- F5F4F5
Shades
- 8C848A
- 777075
- 635D61
- 4F4A4D
- 3C383B
- 2A2729
- 191718
- 0A0809
- 010101
Tones
- 9F969C
- 9B9499
- 989196
- 948F92
- 918C8F
- 8D8A8C
- 8A8789
- 878586
- 838283
Farbharmonien
Komplementär +180°
- A2999F
Sugilite
- 969F99
≈ Gun Barrel
Analog -30° +30°
- A2999F
Sugilite
- 9E9AA3
≈ Colorado Peak
- A4999A
≈ Sugar Tree
Triadisch +120° +240°
- A2999F
Sugilite
- 9E9C93
≈ Dawn
- 939EA2
≈ Soft Pumice
Geteilt komplementär +150° +210°
- A2999F
Sugilite
- 9A9E95
≈ Trellised Ivy
- 939F9D
≈ Hatteras Grey
Tetradisch +90° +180° +270°
- A2999F
Sugilite
- A29B93
≈ Aspen Grey
- 969F99
≈ Gun Barrel
- 969DA4
≈ Soft Pumice
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.76:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.59:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.59:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--sugilite: #a2999f;
--sugilite-rgb: 162 153 159;
--sugilite-oklch: oklch(0.692 0.014 337.7);
}
.element {
color: var(--sugilite);
background-color: hsl(320 5% 62%);
border-color: oklch(0.692 0.014 337.7);
}Tailwind CSS v4
@theme {
--color-sugilite: #a2999f;
--color-sugilite-50: #f8f4f6;
--color-sugilite-100: #ebe6e9;
--color-sugilite-200: #d8d2d6;
--color-sugilite-300: #bcb5b9;
--color-sugilite-400: #a49ba1;
--color-sugilite-500: #8c8389;
--color-sugilite-600: #776f74;
--color-sugilite-700: #5f595d;
--color-sugilite-800: #464144;
--color-sugilite-900: #302d2f;
--color-sugilite-950: #1c1a1c;
}SCSS
$sugilite: #a2999f;
$sugilite-rgb: 162, 153, 159;
$sugilite-light: mix(#fff, $sugilite, 20%);
$sugilite-dark: mix(#000, $sugilite, 20%);
.element {
color: $sugilite;
box-shadow: 0 0 0 2px rgba($sugilite, 0.35);
}