Nazwany kolor · #763D57
Mulled Plum
Mulled Plum to #763D57: rgb(118 61 87), hsl(333 32% 35%), oklch(0.44 0.086 352.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Mulled Plum color name →
#763D57
oklch(0.44 0.086 352.5)
Konwersje koloru
- HEX
- #763d57
- RGB
- rgb(118 61 87)
- HSL
- hsl(333 32% 35%)
- HWB
- hwb(333 24% 54%)
- OKLCH
- oklch(0.44 0.086 352.5)
- OKLab
- oklab(0.44 0.085 -0.011)
- CIE Lab
- lab(33.89 27.91 -3.96)
- LCH
- lch(33.89 28.19 351.9)
- CMYK
- cmyk(0% 48% 26% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 844F66
- 926176
- A07486
- AD8796
- BB9AA7
- C9AEB8
- D6C1C9
- E4D6DB
- F1EAED
Odcienie ciemniejsze
- 66344B
- 562B3E
- 472233
- 381A27
- 29121C
- 1C0A12
- 0F0408
- 050103
- 010000
Tony
- 78445B
- 794B5F
- 7B5263
- 7C5867
- 7D5F6B
- 7E666F
- 7F6C73
- 7F7378
- 80797C
Harmonie kolorów
Komplementarna +180°
- 763D57
Mulled Plum
- 00614D
≈ Sci-Fi Takeout
Analogowa -30° +30°
- 763D57
Mulled Plum
- 69416E
≈ Majesty
- 7B3D3C
≈ Kokiake Brown
Triada +120° +240°
- 763D57
Mulled Plum
- 535715
≈ Douro
- 0C5A7A
≈ Job’s Tears
Komplementarna rozszczepiona +150° +210°
- 763D57
Mulled Plum
- 345E31
≈ Deep Into the Wood
- 005E64
≈ Sandhill Crane
Tetrada +90° +180° +270°
- 763D57
Mulled Plum
- 6A4D0A
≈ Antique Bronze
- 00614D
≈ Sci-Fi Takeout
- 385182
≈ Fun Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.15:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.57:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.15:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--mulled-plum: #763d57;
--mulled-plum-rgb: 118 61 87;
--mulled-plum-oklch: oklch(0.44 0.086 352.5);
}
.element {
color: var(--mulled-plum);
background-color: hsl(333 32% 35%);
border-color: oklch(0.44 0.086 352.5);
}Tailwind CSS v4
@theme {
--color-mulled-plum: #763d57;
--color-mulled-plum-50: #ffecf7;
--color-mulled-plum-100: #ffdde9;
--color-mulled-plum-200: #f3c6d6;
--color-mulled-plum-300: #dca6ba;
--color-mulled-plum-400: #c789a3;
--color-mulled-plum-500: #b26e8c;
--color-mulled-plum-600: #965d76;
--color-mulled-plum-700: #794a5e;
--color-mulled-plum-800: #593646;
--color-mulled-plum-900: #3e2531;
--color-mulled-plum-950: #27131d;
}SCSS
$mulled-plum: #763d57;
$mulled-plum-rgb: 118, 61, 87;
$mulled-plum-light: mix(#fff, $mulled-plum, 20%);
$mulled-plum-dark: mix(#000, $mulled-plum, 20%);
.element {
color: $mulled-plum;
box-shadow: 0 0 0 2px rgba($mulled-plum, 0.35);
}