Benannte Farbe · #ADA7C8
Instigate
Instigate ist #ADA7C8: rgb(173 167 200), hsl(251 23% 72%), oklch(0.744 0.047 293.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Instigate color name →
#ADA7C8
oklch(0.744 0.047 293.6)
Farbumrechnungen
- HEX
- #ada7c8
- RGB
- rgb(173 167 200)
- HSL
- hsl(251 23% 72%)
- HWB
- hwb(251 65% 22%)
- OKLCH
- oklch(0.744 0.047 293.6)
- OKLab
- oklab(0.744 0.019 -0.043)
- CIE Lab
- lab(69.83 7.17 -16.13)
- LCH
- lch(69.83 17.65 294)
- CMYK
- cmyk(13% 16% 0% 22%)
Tints · Shades · Tones
Tints
- B5B0CE
- BDB8D3
- C5C1D9
- CDCADE
- D5D2E4
- DDDBE9
- E6E4EF
- EEEDF4
- F7F6FA
Shades
- 9691AE
- 7F7B94
- 6A667B
- 555263
- 413E4C
- 2D2C36
- 1B1A21
- 0B0A0F
- 010102
Tones
- A8A3C1
- A49FB9
- 9F9BB2
- 9B97AB
- 9693A4
- 928F9C
- 8D8C95
- 89888E
- 848487
Farbharmonien
Komplementär +180°
- ADA7C8
Instigate
- ACB08E
≈ Majolica Green
Analog -30° +30°
- ADA7C8
Instigate
- 9DADCB
≈ Poetry Reading
- BBA3BE
≈ Viola Sororia
Triadisch +120° +240°
- ADA7C8
Instigate
- C5A591
≈ Dune Beige
- 8EB6AA
≈ Treetop
Geteilt komplementär +150° +210°
- ADA7C8
Instigate
- BBAA8B
≈ Bamboo Screen
- 9BB499
≈ Garden District
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.29:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.13:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--instigate: #ada7c8;
--instigate-rgb: 173 167 200;
--instigate-oklch: oklch(0.744 0.047 293.6);
}
.element {
color: var(--instigate);
background-color: hsl(251 23% 72%);
border-color: oklch(0.744 0.047 293.6);
}Tailwind CSS v4
@theme {
--color-instigate: #ada7c8;
--color-instigate-50: #f6f3ff;
--color-instigate-100: #e9e5f6;
--color-instigate-200: #d5d1e7;
--color-instigate-300: #b9b3ce;
--color-instigate-400: #9f9ab8;
--color-instigate-500: #8781a3;
--color-instigate-600: #726d8a;
--color-instigate-700: #5b576f;
--color-instigate-800: #424052;
--color-instigate-900: #2e2c39;
--color-instigate-950: #1b1923;
}SCSS
$instigate: #ada7c8;
$instigate-rgb: 173, 167, 200;
$instigate-light: mix(#fff, $instigate, 20%);
$instigate-dark: mix(#000, $instigate, 20%);
.element {
color: $instigate;
box-shadow: 0 0 0 2px rgba($instigate, 0.35);
}