Benannte Farbe · #9A7AA0
Divine
Divine ist #9A7AA0: rgb(154 122 160), hsl(291 17% 55%), oklch(0.623 0.067 321). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Divine color name →
#9A7AA0
oklch(0.623 0.067 321)
Farbumrechnungen
- HEX
- #9a7aa0
- RGB
- rgb(154 122 160)
- HSL
- hsl(291 17% 55%)
- HWB
- hwb(291 48% 37%)
- OKLCH
- oklch(0.623 0.067 321)
- OKLab
- oklab(0.623 0.052 -0.042)
- CIE Lab
- lab(55.35 18 -15.55)
- LCH
- lch(55.35 23.78 319.2)
- CMYK
- cmyk(4% 24% 0% 37%)
Tints · Shades · Tones
Tints
- A487A9
- AE93B3
- B8A0BC
- C2AEC5
- CCBBCF
- D6C8D8
- E0D6E2
- EAE3EC
- F5F1F5
Shades
- 85698B
- 715976
- 5E4961
- 4B3A4E
- 392B3B
- 271D29
- 171019
- 090509
- 010101
Tones
- 977B9D
- 957B9A
- 927C97
- 907D93
- 8D7D90
- 8B7E8D
- 887E8A
- 857F86
- 838083
Farbharmonien
Komplementär +180°
- 9A7AA0
Divine
- 71926B
≈ Aspen Green
Analog -30° +30°
- 9A7AA0
Divine
- 8780AD
≈ Aster Purple
- A7778C
≈ Upper Crust
Triadisch +120° +240°
- 9A7AA0
Divine
- 9C8358
≈ Spacious Plain
- 529398
≈ Bluebound
Geteilt komplementär +150° +210°
- 9A7AA0
Divine
- 888B5B
≈ Green Olive
- 5B9582
≈ Fiddler
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.70:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.66:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--divine: #9a7aa0;
--divine-rgb: 154 122 160;
--divine-oklch: oklch(0.623 0.067 321);
}
.element {
color: var(--divine);
background-color: hsl(291 17% 55%);
border-color: oklch(0.623 0.067 321);
}Tailwind CSS v4
@theme {
--color-divine: #9a7aa0;
--color-divine-50: #ffefff;
--color-divine-100: #f3e1f5;
--color-divine-200: #e3cbe5;
--color-divine-300: #c9accc;
--color-divine-400: #b192b7;
--color-divine-500: #9b78a1;
--color-divine-600: #836588;
--color-divine-700: #69516d;
--color-divine-800: #4d3b51;
--color-divine-900: #352839;
--color-divine-950: #201623;
}SCSS
$divine: #9a7aa0;
$divine-rgb: 154, 122, 160;
$divine-light: mix(#fff, $divine, 20%);
$divine-dark: mix(#000, $divine, 20%);
.element {
color: $divine;
box-shadow: 0 0 0 2px rgba($divine, 0.35);
}