En yakın adlandırılmış renk · #803260
#803260
En yakın adlandırılmış renk: Pleasure
#803260 (rgb(128 50 96), hsl(325 44% 35%), oklch(0.442 0.121 346.7)) 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.
#803260
oklch(0.442 0.121 346.7)
Renk dönüşümleri
- HEX
- #803260
- RGB
- rgb(128 50 96)
- HSL
- hsl(325 44% 35%)
- HWB
- hwb(325 20% 50%)
- OKLCH
- oklch(0.442 0.121 346.7)
- OKLab
- oklab(0.442 0.118 -0.028)
- CIE Lab
- lab(33.56 38.18 -9.98)
- LCH
- lch(33.56 39.46 345.3)
- CMYK
- cmyk(0% 61% 25% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8E466F
- 9B5A7E
- A86E8D
- B5829D
- C296AC
- CEAABC
- DBBFCD
- E7D4DD
- F3E9EE
Koyu tonlar
- 6E2A52
- 5D2245
- 4D1B38
- 3D142C
- 2E0D20
- 1F0715
- 12030A
- 060103
- 010000
Gri tonlar
- 813B63
- 824366
- 834C6A
- 83536D
- 835B70
- 836373
- 836A76
- 82717A
- 81797D
Renk uyumları
Tamamlayıcı +180°
- 803260
Pleasure
- 006248
≈ Green Paw Paw
Analog -30° +30°
- 803260
Pleasure
- 6D3A7F
≈ Comtesse
- 89303B
≈ Blood Oath
Üçlü +120° +240°
- 803260
Pleasure
- 5A5600
≈ Douro
- 005C77
≈ Prismatic Springs
Bölünmüş tamamlayıcı +150° +210°
- 803260
Pleasure
- 2F6112
≈ Bright Nori
- 005F61
≈ Sandhill Crane
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.25:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.54:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.25:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--pleasure: #803260;
--pleasure-rgb: 128 50 96;
--pleasure-oklch: oklch(0.442 0.121 346.7);
}
.element {
color: var(--pleasure);
background-color: hsl(325 44% 35%);
border-color: oklch(0.442 0.121 346.7);
}Tailwind CSS v4
@theme {
--color-pleasure: #803260;
--color-pleasure-50: #ffe8fb;
--color-pleasure-100: #ffd8ee;
--color-pleasure-200: #fdc0dd;
--color-pleasure-300: #e69ec1;
--color-pleasure-400: #d280ad;
--color-pleasure-500: #be6296;
--color-pleasure-600: #a1537f;
--color-pleasure-700: #814366;
--color-pleasure-800: #5f304c;
--color-pleasure-900: #432035;
--color-pleasure-950: #2b1020;
}SCSS
$pleasure: #803260;
$pleasure-rgb: 128, 50, 96;
$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);
}