En yakın adlandırılmış renk · #842C5B
#842C5B
En yakın adlandırılmış renk: Pleasure
#842C5B (rgb(132 44 91), hsl(328 50% 35%), oklch(0.438 0.131 350.8)) en çok Pleasure adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#842C5B
oklch(0.438 0.131 350.8)
Renk dönüşümleri
- HEX
- #842c5b
- RGB
- rgb(132 44 91)
- HSL
- hsl(328 50% 35%)
- HWB
- hwb(328 17% 48%)
- OKLCH
- oklch(0.438 0.131 350.8)
- OKLab
- oklab(0.438 0.129 -0.021)
- CIE Lab
- lab(33.08 41.7 -7.4)
- LCH
- lch(33.08 42.35 349.9)
- CMYK
- cmyk(0% 67% 31% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 92426A
- 9F5679
- AC6B89
- B97F99
- C594A9
- D1A9BA
- DDBECB
- E9D3DC
- F4E9ED
Koyu tonlar
- 72254E
- 601E41
- 4F1735
- 3F1129
- 2F0A1E
- 200513
- 120209
- 060103
- 010000
Gri tonlar
- 85365F
- 864062
- 864866
- 86516A
- 86596D
- 856171
- 856975
- 837179
- 82787C
Renk uyumları
Tamamlayıcı +180°
- 842C5B
Pleasure
- 00614B
≈ Sci-Fi Takeout
Analog -30° +30°
- 842C5B
Pleasure
- 71357D
≈ Maximum Purple
- 8C2B31
≈ Ancient Red
Üçlü +120° +240°
- 842C5B
Pleasure
- 555600
≈ Douro
- 005A79
≈ Job’s Tears
Bölünmüş tamamlayıcı +150° +210°
- 842C5B
Pleasure
- 1F6211
≈ Thuja Green
- 005E63
≈ Sandhill Crane
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.42:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.49:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.42:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--pleasure: #842c5b;
--pleasure-rgb: 132 44 91;
--pleasure-oklch: oklch(0.438 0.131 350.8);
}
.element {
color: var(--pleasure);
background-color: hsl(328 50% 35%);
border-color: oklch(0.438 0.131 350.8);
}Tailwind CSS v4
@theme {
--color-pleasure: #842c5b;
--color-pleasure-50: #ffe6f8;
--color-pleasure-100: #ffd7ec;
--color-pleasure-200: #ffbed9;
--color-pleasure-300: #ec9bbd;
--color-pleasure-400: #d87da8;
--color-pleasure-500: #c55d91;
--color-pleasure-600: #a6507b;
--color-pleasure-700: #853f62;
--color-pleasure-800: #622d4a;
--color-pleasure-900: #451f33;
--color-pleasure-950: #2d0e1f;
}SCSS
$pleasure: #842c5b;
$pleasure-rgb: 132, 44, 91;
$pleasure-light: mix(#fff, $pleasure, 20%);
$pleasure-dark: mix(#000, $pleasure, 20%);
.element {
color: $pleasure;
box-shadow: 0 0 0 2px rgba($pleasure, 0.35);
}