Benannte Farbe · #B68FC3
Lavender Blaze
Lavender Blaze ist #B68FC3: rgb(182 143 195), hsl(285 30% 66%), oklch(0.704 0.086 317.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Lavender Blaze color name →
#B68FC3
oklch(0.704 0.086 317.6)
Farbumrechnungen
- HEX
- #b68fc3
- RGB
- rgb(182 143 195)
- HSL
- hsl(285 30% 66%)
- HWB
- hwb(285 56% 24%)
- OKLCH
- oklch(0.704 0.086 317.6)
- OKLab
- oklab(0.704 0.063 -0.058)
- CIE Lab
- lab(64.49 22.15 -21.28)
- LCH
- lch(64.49 30.71 316.1)
- CMYK
- cmyk(7% 27% 0% 24%)
Tints · Shades · Tones
Tints
- BD9AC9
- C5A5CF
- CCB0D5
- D3BBDB
- DAC6E1
- E2D1E7
- E9DDED
- F0E8F3
- F8F3F9
Shades
- 9E7CA9
- 866990
- 6F5778
- 594560
- 44344A
- 302434
- 1D1520
- 0C070E
- 020102
Tones
- B18EBC
- AB8CB5
- A68BAF
- A089A8
- 9B88A1
- 96869B
- 908594
- 8B838D
- 858287
Farbharmonien
Komplementär +180°
- B68FC3
Lavender Blaze
- 86AD78
≈ Sage
Analog -30° +30°
- B68FC3
Lavender Blaze
- 9C98D3
≈ Bluebell Frost
- C88AAA
≈ Bonny Belle
Triadisch +120° +240°
- B68FC3
Lavender Blaze
- BE9961
≈ Cheers!
- 56B0B3
≈ Crystalsong Blue
Geteilt komplementär +150° +210°
- B68FC3
Lavender Blaze
- A5A463
≈ Rickrack
- 67B195
≈ Dusty Jade Green
Tetradisch +90° +180° +270°
- B68FC3
Lavender Blaze
- CC8F71
≈ Baker’s Dream
- 86AD78
≈ Sage
- 62ABCA
≈ Blue Topaz
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.72:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.70:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.70:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--lavender-blaze: #b68fc3;
--lavender-blaze-rgb: 182 143 195;
--lavender-blaze-oklch: oklch(0.704 0.086 317.6);
}
.element {
color: var(--lavender-blaze);
background-color: hsl(285 30% 66%);
border-color: oklch(0.704 0.086 317.6);
}Tailwind CSS v4
@theme {
--color-lavender-blaze: #b68fc3;
--color-lavender-blaze-50: #ffeeff;
--color-lavender-blaze-100: #f5dffa;
--color-lavender-blaze-200: #e5c9ec;
--color-lavender-blaze-300: #cbaad3;
--color-lavender-blaze-400: #b48fc0;
--color-lavender-blaze-500: #9e74ac;
--color-lavender-blaze-600: #856291;
--color-lavender-blaze-700: #6b4e74;
--color-lavender-blaze-800: #4e3957;
--color-lavender-blaze-900: #36273d;
--color-lavender-blaze-950: #211526;
}SCSS
$lavender-blaze: #b68fc3;
$lavender-blaze-rgb: 182, 143, 195;
$lavender-blaze-light: mix(#fff, $lavender-blaze, 20%);
$lavender-blaze-dark: mix(#000, $lavender-blaze, 20%);
.element {
color: $lavender-blaze;
box-shadow: 0 0 0 2px rgba($lavender-blaze, 0.35);
}