En yakın adlandırılmış renk · #51295B
#51295B
En yakın adlandırılmış renk: Wonka Purple
#51295B (rgb(81 41 91), hsl(288 38% 26%), oklch(0.356 0.095 319.3)) en çok Wonka Purple 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.
#51295B
oklch(0.356 0.095 319.3)
Renk dönüşümleri
- HEX
- #51295b
- RGB
- rgb(81 41 91)
- HSL
- hsl(288 38% 26%)
- HWB
- hwb(288 16% 64%)
- OKLCH
- oklch(0.356 0.095 319.3)
- OKLab
- oklab(0.356 0.072 -0.062)
- CIE Lab
- lab(23.85 25.68 -22.4)
- LCH
- lch(23.85 34.08 318.9)
- CMYK
- cmyk(11% 55% 0% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 613D6B
- 72517A
- 83658A
- 947A9A
- A58FAB
- B6A4BB
- C8BACC
- DAD1DD
- EDE8EE
Koyu tonlar
- 45224E
- 3A1C41
- 2F1535
- 240F29
- 1A091E
- 100513
- 070209
- 020103
- 000000
Gri tonlar
- 56325F
- 5B3B63
- 604367
- 644C6B
- 69556E
- 6E5D72
- 726676
- 776E79
- 7B777D
Renk uyumları
Tamamlayıcı +180°
- 51295B
Wonka Purple
- 1D4711
≈ Dark Fern
Analog -30° +30°
- 51295B
Wonka Purple
- 3C316A
≈ Minsk
- 5F2344
≈ Plum Caspia
Üçlü +120° +240°
- 51295B
Wonka Purple
- 503700
≈ Eyelash Camel
- 004548
≈ Dark Side
Bölünmüş tamamlayıcı +150° +210°
- 51295B
Wonka Purple
- 3F3F00
≈ Dark Olive
- 004836
≈ UP Forest Green
Dörtlü +90° +180° +270°
- 51295B
Wonka Purple
- 622900
≈ Count Chocula
- 1D4711
≈ Dark Fern
- 004259
≈ Maniac Mansion
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.55:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.81:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--wonka-purple: #51295b;
--wonka-purple-rgb: 81 41 91;
--wonka-purple-oklch: oklch(0.356 0.095 319.3);
}
.element {
color: var(--wonka-purple);
background-color: hsl(288 38% 26%);
border-color: oklch(0.356 0.095 319.3);
}Tailwind CSS v4
@theme {
--color-wonka-purple: #51295b;
--color-wonka-purple-50: #ffedff;
--color-wonka-purple-100: #f7defc;
--color-wonka-purple-200: #e8c7ed;
--color-wonka-purple-300: #cea8d5;
--color-wonka-purple-400: #b78cc2;
--color-wonka-purple-500: #a271ae;
--color-wonka-purple-600: #896093;
--color-wonka-purple-700: #6d4c76;
--color-wonka-purple-800: #503858;
--color-wonka-purple-900: #38263e;
--color-wonka-purple-950: #221427;
}SCSS
$wonka-purple: #51295b;
$wonka-purple-rgb: 81, 41, 91;
$wonka-purple-light: mix(#fff, $wonka-purple, 20%);
$wonka-purple-dark: mix(#000, $wonka-purple, 20%);
.element {
color: $wonka-purple;
box-shadow: 0 0 0 2px rgba($wonka-purple, 0.35);
}