Benannte Farbe · #9D7BB0
English Lavender
English Lavender ist #9D7BB0: rgb(157 123 176), hsl(278 25% 59%), oklch(0.635 0.086 313.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · English Lavender color name →
#9D7BB0
oklch(0.635 0.086 313.1)
Farbumrechnungen
- HEX
- #9d7bb0
- RGB
- rgb(157 123 176)
- HSL
- hsl(278 25% 59%)
- HWB
- hwb(278 48% 31%)
- OKLCH
- oklch(0.635 0.086 313.1)
- OKLab
- oklab(0.635 0.059 -0.063)
- CIE Lab
- lab(56.42 21.07 -23.08)
- LCH
- lch(56.42 31.25 312.4)
- CMYK
- cmyk(11% 30% 0% 31%)
Tints · Shades · Tones
Tints
- A788B8
- B095C0
- BAA1C8
- C3AED0
- CDBCD8
- D7C9E0
- E1D6E7
- EBE4EF
- F5F1F7
Shades
- 886A99
- 735A82
- 5F4A6C
- 4C3A56
- 3A2C42
- 281E2E
- 18101C
- 09050B
- 010101
Tones
- 9A7CAB
- 977CA7
- 947DA2
- 917E9D
- 8F7E98
- 8C7F93
- 897F8F
- 867F8A
- 838085
Farbharmonien
Komplementär +180°
- 9D7BB0
English Lavender
- 76965F
≈ Vegetarian Veteran
Analog -30° +30°
- 9D7BB0
English Lavender
- 8384BE
≈ Deep Periwinkle
- B07598
≈ So Long Shadow
Triadisch +120° +240°
- 9D7BB0
English Lavender
- AA824D
≈ Muddy Waters
- 3F9B99
≈ Latigo Bay
Geteilt komplementär +150° +210°
- 9D7BB0
English Lavender
- 948D4C
≈ Negishi Green
- 559B7C
≈ Wintergreen Shadow
Tetradisch +90° +180° +270°
- 9D7BB0
English Lavender
- B77960
≈ Myrtle Pepper
- 76965F
≈ Vegetarian Veteran
- 4896B1
≈ Alpine Lake
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.56:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.89:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--english-lavender: #9d7bb0;
--english-lavender-rgb: 157 123 176;
--english-lavender-oklch: oklch(0.635 0.086 313.1);
}
.element {
color: var(--english-lavender);
background-color: hsl(278 25% 59%);
border-color: oklch(0.635 0.086 313.1);
}Tailwind CSS v4
@theme {
--color-english-lavender: #9d7bb0;
--color-english-lavender-50: #ffeeff;
--color-english-lavender-100: #f3e0fc;
--color-english-lavender-200: #e3caee;
--color-english-lavender-300: #c8abd6;
--color-english-lavender-400: #b090c3;
--color-english-lavender-500: #9a75af;
--color-english-lavender-600: #826394;
--color-english-lavender-700: #684f77;
--color-english-lavender-800: #4c3a58;
--color-english-lavender-900: #35273e;
--color-english-lavender-950: #201527;
}SCSS
$english-lavender: #9d7bb0;
$english-lavender-rgb: 157, 123, 176;
$english-lavender-light: mix(#fff, $english-lavender, 20%);
$english-lavender-dark: mix(#000, $english-lavender, 20%);
.element {
color: $english-lavender;
box-shadow: 0 0 0 2px rgba($english-lavender, 0.35);
}