Nazwany kolor · #880085
Mardi Gras
Mardi Gras to #880085: rgb(136 0 133), hsl(301 100% 27%), oklch(0.438 0.2 329.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Mardi Gras color name →
#880085
oklch(0.438 0.2 329.5)
Konwersje koloru
- HEX
- #880085
- RGB
- rgb(136 0 133)
- HSL
- hsl(301 100% 27%)
- HWB
- hwb(301 0% 47%)
- OKLCH
- oklch(0.438 0.2 329.5)
- OKLab
- oklab(0.438 0.172 -0.101)
- CIE Lab
- lab(31.58 58.29 -36.31)
- LCH
- lch(31.58 68.67 328.1)
- CMYK
- cmyk(0% 100% 2% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 952E91
- A3489E
- AF60AA
- BC77B6
- C88DC3
- D3A4CF
- DFBADB
- EAD1E7
- F5E8F3
Odcienie ciemniejsze
- 750073
- 630061
- 520050
- 410040
- 310030
- 220021
- 130013
- 060006
- 010001
Tony
- 891F85
- 892F85
- 893C85
- 894885
- 885284
- 875C84
- 866583
- 856E82
- 827781
Harmonie kolorów
Komplementarna +180°
- 880085
Mardi Gras
- 006329
≈ Woodland Wonder
Analogowa -30° +30°
- 880085
Mardi Gras
- 6523AD
≈ Rabbit-Ear Iris
- 97004F
≈ Vertigo Cherry
Triada +120° +240°
- 880085
Mardi Gras
- 654F00
≈ Olive Brown
- 005D69
≈ Hero
Komplementarna rozszczepiona +150° +210°
- 880085
Mardi Gras
- 4C5900
≈ Kyuri Green
- 006053
≈ Alpine Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.80:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.38:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.80:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--mardi-gras: #880085;
--mardi-gras-rgb: 136 0 133;
--mardi-gras-oklch: oklch(0.438 0.2 329.5);
}
.element {
color: var(--mardi-gras);
background-color: hsl(301 100% 27%);
border-color: oklch(0.438 0.2 329.5);
}Tailwind CSS v4
@theme {
--color-mardi-gras: #880085;
--color-mardi-gras-50: #ffe1ff;
--color-mardi-gras-100: #ffd0ff;
--color-mardi-gras-200: #ffb4fb;
--color-mardi-gras-300: #f18ee5;
--color-mardi-gras-400: #dd6cd6;
--color-mardi-gras-500: #ca44c4;
--color-mardi-gras-600: #aa3ba6;
--color-mardi-gras-700: #892f85;
--color-mardi-gras-800: #642165;
--color-mardi-gras-900: #471647;
--color-mardi-gras-950: #2e062e;
}SCSS
$mardi-gras: #880085;
$mardi-gras-rgb: 136, 0, 133;
$mardi-gras-light: mix(#fff, $mardi-gras, 20%);
$mardi-gras-dark: mix(#000, $mardi-gras, 20%);
.element {
color: $mardi-gras;
box-shadow: 0 0 0 2px rgba($mardi-gras, 0.35);
}