Benannte Farbe · #8E90B4
Fresh Lavender
Fresh Lavender ist #8E90B4: rgb(142 144 180), hsl(237 20% 63%), oklch(0.664 0.053 282.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Fresh Lavender color name →
#8E90B4
oklch(0.664 0.053 282.3)
Farbumrechnungen
- HEX
- #8e90b4
- RGB
- rgb(142 144 180)
- HSL
- hsl(237 20% 63%)
- HWB
- hwb(237 56% 29%)
- OKLCH
- oklch(0.664 0.053 282.3)
- OKLab
- oklab(0.664 0.011 -0.052)
- CIE Lab
- lab(60.59 5.14 -19.19)
- LCH
- lch(60.59 19.87 285)
- CMYK
- cmyk(21% 20% 0% 29%)
Tints · Shades · Tones
Tints
- 999BBB
- A3A5C3
- AEB0CA
- BABBD2
- C5C6D9
- D0D1E1
- DCDDE8
- E7E8F0
- F3F3F7
Shades
- 7B7D9C
- 686A85
- 56576E
- 444558
- 343444
- 242430
- 15151D
- 07070C
- 010102
Tones
- 8D8EAF
- 8B8DAA
- 8A8BA4
- 888A9F
- 87889A
- 858795
- 848590
- 83838A
- 818285
Farbharmonien
Komplementär +180°
- 8E90B4
Fresh Lavender
- 9A956F
≈ Sweet Annie
Analog -30° +30°
- 8E90B4
Fresh Lavender
- 7C96B4
≈ Denim Tradition
- 9F8BAC
≈ Saffron Blossom Mauve
Triadisch +120° +240°
- 8E90B4
Fresh Lavender
- B1897A
≈ Maui Poi
- 769E8A
≈ Mizuasagi Green
Geteilt komplementär +150° +210°
- 8E90B4
Fresh Lavender
- A88F70
≈ Rodeo Roundup
- 879B79
≈ Sweet Florence
Tetradisch +90° +180° +270°
- 8E90B4
Fresh Lavender
- B2878B
≈ Orchid Red
- 9A956F
≈ Sweet Annie
- 6D9E9C
≈ Folk Song
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.08:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.79:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--fresh-lavender: #8e90b4;
--fresh-lavender-rgb: 142 144 180;
--fresh-lavender-oklch: oklch(0.664 0.053 282.3);
}
.element {
color: var(--fresh-lavender);
background-color: hsl(237 20% 63%);
border-color: oklch(0.664 0.053 282.3);
}Tailwind CSS v4
@theme {
--color-fresh-lavender: #8e90b4;
--color-fresh-lavender-50: #f3f3ff;
--color-fresh-lavender-100: #e5e6fa;
--color-fresh-lavender-200: #d1d2eb;
--color-fresh-lavender-300: #b4b4d2;
--color-fresh-lavender-400: #999bbe;
--color-fresh-lavender-500: #8082a9;
--color-fresh-lavender-600: #6d6e8f;
--color-fresh-lavender-700: #575873;
--color-fresh-lavender-800: #3f4155;
--color-fresh-lavender-900: #2b2c3b;
--color-fresh-lavender-950: #181925;
}SCSS
$fresh-lavender: #8e90b4;
$fresh-lavender-rgb: 142, 144, 180;
$fresh-lavender-light: mix(#fff, $fresh-lavender, 20%);
$fresh-lavender-dark: mix(#000, $fresh-lavender, 20%);
.element {
color: $fresh-lavender;
box-shadow: 0 0 0 2px rgba($fresh-lavender, 0.35);
}