Benannte Farbe · #856D9E
Bitter Violet
Bitter Violet ist #856D9E: rgb(133 109 158), hsl(269 20% 52%), oklch(0.576 0.078 306.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Bitter Violet color name →
#856D9E
oklch(0.576 0.078 306.5)
Farbumrechnungen
- HEX
- #856d9e
- RGB
- rgb(133 109 158)
- HSL
- hsl(269 20% 52%)
- HWB
- hwb(269 43% 38%)
- OKLCH
- oklch(0.576 0.078 306.5)
- OKLab
- oklab(0.576 0.047 -0.063)
- CIE Lab
- lab(49.8 17.23 -23.04)
- LCH
- lch(49.8 28.77 306.8)
- CMYK
- cmyk(16% 31% 0% 38%)
Tints · Shades · Tones
Tints
- 917BA8
- 9C89B1
- A897BB
- B4A5C5
- C0B4CE
- CCC3D8
- D9D1E2
- E5E0EB
- F2F0F5
Shades
- 735E89
- 614F74
- 504160
- 40334D
- 30263A
- 211929
- 130D18
- 060409
- 010101
Tones
- 856F9B
- 847198
- 847395
- 837592
- 83778F
- 82798C
- 827B89
- 817C86
- 817E83
Farbharmonien
Komplementär +180°
- 856D9E
Bitter Violet
- 6D824E
≈ Happy Camper
Analog -30° +30°
- 856D9E
Bitter Violet
- 6D75A8
≈ Midnight Violet
- 97678B
≈ Chinese Violet
Triadisch +120° +240°
- 856D9E
Bitter Violet
- 997045
≈ Chewy Caramel
- 398880
≈ Copper Turquoise
Geteilt komplementär +150° +210°
- 856D9E
Bitter Violet
- 877940
≈ Bay Leaf
- 508766
≈ Saltwater Depth
Tetradisch +90° +180° +270°
- 856D9E
Bitter Violet
- A26858
≈ J’s Big Heart
- 6D824E
≈ Happy Camper
- 3A8597
≈ Precious Stone
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.48:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.67:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.67:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--bitter-violet: #856d9e;
--bitter-violet-rgb: 133 109 158;
--bitter-violet-oklch: oklch(0.576 0.078 306.5);
}
.element {
color: var(--bitter-violet);
background-color: hsl(269 20% 52%);
border-color: oklch(0.576 0.078 306.5);
}Tailwind CSS v4
@theme {
--color-bitter-violet: #856d9e;
--color-bitter-violet-50: #fbf0ff;
--color-bitter-violet-100: #efe1fd;
--color-bitter-violet-200: #deccef;
--color-bitter-violet-300: #c3add7;
--color-bitter-violet-400: #aa93c3;
--color-bitter-violet-500: #9378af;
--color-bitter-violet-600: #7d6694;
--color-bitter-violet-700: #645277;
--color-bitter-violet-800: #483b58;
--color-bitter-violet-900: #32293e;
--color-bitter-violet-950: #1e1727;
}SCSS
$bitter-violet: #856d9e;
$bitter-violet-rgb: 133, 109, 158;
$bitter-violet-light: mix(#fff, $bitter-violet, 20%);
$bitter-violet-dark: mix(#000, $bitter-violet, 20%);
.element {
color: $bitter-violet;
box-shadow: 0 0 0 2px rgba($bitter-violet, 0.35);
}