Benannte Farbe · #A78FAF
Revered
Revered ist #A78FAF: rgb(167 143 175), hsl(285 17% 62%), oklch(0.682 0.054 317.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Revered color name →
#A78FAF
oklch(0.682 0.054 317.6)
Farbumrechnungen
- HEX
- #a78faf
- RGB
- rgb(167 143 175)
- HSL
- hsl(285 17% 62%)
- HWB
- hwb(285 56% 31%)
- OKLCH
- oklch(0.682 0.054 317.6)
- OKLab
- oklab(0.682 0.04 -0.036)
- CIE Lab
- lab(62.41 13.73 -13.37)
- LCH
- lch(62.41 19.16 315.8)
- CMYK
- cmyk(5% 18% 0% 31%)
Tints · Shades · Tones
Tints
- B09AB7
- B8A5BF
- C1B0C7
- CABBCF
- D2C6D7
- DBD1DF
- E4DCE7
- EDE8EF
- F6F3F7
Shades
- 917C98
- 7B6981
- 66576B
- 524556
- 3E3441
- 2C242E
- 1A151C
- 0A070B
- 010101
Tones
- A38EAA
- 9F8CA6
- 9B8BA1
- 97899C
- 938897
- 908693
- 8C858E
- 888389
- 848285
Farbharmonien
Komplementär +180°
- A78FAF
Revered
- 89A181
≈ Mistletoe
Analog -30° +30°
- A78FAF
Revered
- 9794B9
≈ Indifferent
- B38C9F
≈ Lover’s Tryst
Triadisch +120° +240°
- A78FAF
Revered
- AC9574
≈ Quail Valley
- 71A4A5
≈ Sightful
Geteilt komplementär +150° +210°
- A78FAF
Revered
- 9C9C75
≈ Curly Grass
- 79A492
≈ Free Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.92:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.19:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.19:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--revered: #a78faf;
--revered-rgb: 167 143 175;
--revered-oklch: oklch(0.682 0.054 317.6);
}
.element {
color: var(--revered);
background-color: hsl(285 17% 62%);
border-color: oklch(0.682 0.054 317.6);
}Tailwind CSS v4
@theme {
--color-revered: #a78faf;
--color-revered-50: #fcf1ff;
--color-revered-100: #f0e2f3;
--color-revered-200: #dfcde3;
--color-revered-300: #c4afc9;
--color-revered-400: #ac95b4;
--color-revered-500: #957b9e;
--color-revered-600: #7e6885;
--color-revered-700: #65536b;
--color-revered-800: #4a3d4f;
--color-revered-900: #332a37;
--color-revered-950: #1f1722;
}SCSS
$revered: #a78faf;
$revered-rgb: 167, 143, 175;
$revered-light: mix(#fff, $revered, 20%);
$revered-dark: mix(#000, $revered, 20%);
.element {
color: $revered;
box-shadow: 0 0 0 2px rgba($revered, 0.35);
}