Benannte Farbe · #880099
Purple Feather Boa
Purple Feather Boa ist #880099: rgb(136 0 153), hsl(293 100% 30%), oklch(0.452 0.214 322.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Feather Boa color name →
#880099
oklch(0.452 0.214 322.2)
Farbumrechnungen
- HEX
- #880099
- RGB
- rgb(136 0 153)
- HSL
- hsl(293 100% 30%)
- HWB
- hwb(293 0% 40%)
- OKLCH
- oklch(0.452 0.214 322.2)
- OKLab
- oklab(0.452 0.169 -0.131)
- CIE Lab
- lab(32.72 60.65 -46.82)
- LCH
- lch(32.72 76.62 322.3)
- CMYK
- cmyk(11% 100% 0% 40%)
Tints · Shades · Tones
Tints
- 9530A4
- A24BAF
- AE63B9
- BA79C4
- C68FCE
- D2A6D8
- DEBCE2
- E9D2EC
- F4E8F6
Shades
- 750084
- 630070
- 52005D
- 41004A
- 310038
- 220027
- 130017
- 060008
- 010001
Tones
- 882197
- 883295
- 883F93
- 884A91
- 87548F
- 865E8C
- 85678A
- 846F87
- 827883
Farbharmonien
Komplementär +180°
- 880099
Purple Feather Boa
- 046900
≈ Forest Ride
Analog -30° +30°
- 880099
Purple Feather Boa
- 6028BF
≈ Rabbit-Ear Iris
- 9B0060
≈ 8 Bit Eggplant
Triadisch +120° +240°
- 880099
Purple Feather Boa
- 6F5000
≈ Field Drab
- 006268
≈ Turkish Aqua
Geteilt komplementär +150° +210°
- 880099
Purple Feather Boa
- 575B00
≈ Greensboro
- 006550
≈ Piney Lake
Tetradisch +90° +180° +270°
- 880099
Purple Feather Boa
- 863F00
≈ Gryphonne Sepia Wash
- 046900
≈ Forest Ride
- 005E80
≈ Back of Beyond
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.37:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.50:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 8.37:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--purple-feather-boa: #880099;
--purple-feather-boa-rgb: 136 0 153;
--purple-feather-boa-oklch: oklch(0.452 0.214 322.2);
}
.element {
color: var(--purple-feather-boa);
background-color: hsl(293 100% 30%);
border-color: oklch(0.452 0.214 322.2);
}Tailwind CSS v4
@theme {
--color-purple-feather-boa: #880099;
--color-purple-feather-boa-50: #ffe1ff;
--color-purple-feather-boa-100: #ffd0ff;
--color-purple-feather-boa-200: #ffb4ff;
--color-purple-feather-boa-300: #ec8ef4;
--color-purple-feather-boa-400: #d76be7;
--color-purple-feather-boa-500: #c442d7;
--color-purple-feather-boa-600: #a539b6;
--color-purple-feather-boa-700: #852e92;
--color-purple-feather-boa-800: #61206f;
--color-purple-feather-boa-900: #44164e;
--color-purple-feather-boa-950: #2c0634;
}SCSS
$purple-feather-boa: #880099;
$purple-feather-boa-rgb: 136, 0, 153;
$purple-feather-boa-light: mix(#fff, $purple-feather-boa, 20%);
$purple-feather-boa-dark: mix(#000, $purple-feather-boa, 20%);
.element {
color: $purple-feather-boa;
box-shadow: 0 0 0 2px rgba($purple-feather-boa, 0.35);
}