Benannte Farbe · #7E89C8
True Lavender
True Lavender ist #7E89C8: rgb(126 137 200), hsl(231 40% 64%), oklch(0.646 0.095 275.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · True Lavender color name →
#7E89C8
oklch(0.646 0.095 275.8)
Farbumrechnungen
- HEX
- #7e89c8
- RGB
- rgb(126 137 200)
- HSL
- hsl(231 40% 64%)
- HWB
- hwb(231 49% 22%)
- OKLCH
- oklch(0.646 0.095 275.8)
- OKLab
- oklab(0.646 0.01 -0.095)
- CIE Lab
- lab(58.11 7.65 -34.37)
- LCH
- lch(58.11 35.21 282.6)
- CMYK
- cmyk(37% 32% 0% 22%)
Tints · Shades · Tones
Tints
- 8A95CE
- 96A0D4
- A3ACD9
- AFB7DF
- BCC3E5
- C9CFEA
- D6DBEF
- E4E7F5
- F1F3FA
Shades
- 6D76AE
- 5C6494
- 4C537B
- 3C4263
- 2D314C
- 1F2236
- 111421
- 05070F
- 010102
Tones
- 7E88C1
- 7E88BA
- 7E87B3
- 7F86AB
- 7F85A4
- 7F849D
- 7F8396
- 7F828F
- 808187
Farbharmonien
Komplementär +180°
- 7E89C8
True Lavender
- 9F8E45
≈ Off the Grid
Analog -30° +30°
- 7E89C8
True Lavender
- 5B94C5
≈ Come Sail Away
- 9C7FBC
≈ Purple Mountains’ Majesty
Triadisch +120° +240°
- 7E89C8
True Lavender
- C07965
≈ Himalayan Salt
- 5A9F75
≈ Advertising Green
Geteilt komplementär +150° +210°
- 7E89C8
True Lavender
- B6824C
≈ Caramel Sauce
- 809957
≈ Pine Leaves
Tetradisch +90° +180° +270°
- 7E89C8
True Lavender
- BF7585
≈ Rosily
- 9F8E45
≈ Off the Grid
- 39A196
≈ Baltic Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.33:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.29:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--true-lavender: #7e89c8;
--true-lavender-rgb: 126 137 200;
--true-lavender-oklch: oklch(0.646 0.095 275.8);
}
.element {
color: var(--true-lavender);
background-color: hsl(231 40% 64%);
border-color: oklch(0.646 0.095 275.8);
}Tailwind CSS v4
@theme {
--color-true-lavender: #7e89c8;
--color-true-lavender-50: #eef3ff;
--color-true-lavender-100: #e0e6ff;
--color-true-lavender-200: #cad1fd;
--color-true-lavender-300: #abb3e8;
--color-true-lavender-400: #8f9ad7;
--color-true-lavender-500: #7580c5;
--color-true-lavender-600: #636da6;
--color-true-lavender-700: #4f5785;
--color-true-lavender-800: #384063;
--color-true-lavender-900: #262c46;
--color-true-lavender-950: #15192d;
}SCSS
$true-lavender: #7e89c8;
$true-lavender-rgb: 126, 137, 200;
$true-lavender-light: mix(#fff, $true-lavender, 20%);
$true-lavender-dark: mix(#000, $true-lavender, 20%);
.element {
color: $true-lavender;
box-shadow: 0 0 0 2px rgba($true-lavender, 0.35);
}