Adlandırılmış renk · #763D57
Mulled Plum
Mulled Plum, #763D57: rgb(118 61 87), hsl(333 32% 35%), oklch(0.44 0.086 352.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Mulled Plum color name →
#763D57
oklch(0.44 0.086 352.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 844F66
- 926176
- A07486
- AD8796
- BB9AA7
- C9AEB8
- D6C1C9
- E4D6DB
- F1EAED
Koyu tonlar
- 66344B
- 562B3E
- 472233
- 381A27
- 29121C
- 1C0A12
- 0F0408
- 050103
- 010000
Gri tonlar
- 78445B
- 794B5F
- 7B5263
- 7C5867
- 7D5F6B
- 7E666F
- 7F6C73
- 7F7378
- 80797C
Renk uyumları
Tamamlayıcı +180°
- 763D57
Mulled Plum
- 00614D
≈ Sci-Fi Takeout
Analog -30° +30°
- 763D57
Mulled Plum
- 69416E
≈ Majesty
- 7B3D3C
≈ Kokiake Brown
Üçlü +120° +240°
- 763D57
Mulled Plum
- 535715
≈ Douro
- 0C5A7A
≈ Job’s Tears
Bölünmüş tamamlayıcı +150° +210°
- 763D57
Mulled Plum
- 345E31
≈ Deep Into the Wood
- 005E64
≈ Sandhill Crane
Dörtlü +90° +180° +270°
- 763D57
Mulled Plum
- 6A4D0A
≈ Antique Bronze
- 00614D
≈ Sci-Fi Takeout
- 385182
≈ Fun Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.15:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.57:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.15:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
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);
}