Adlandırılmış renk · #533552
Auricula Purple
Auricula Purple, #533552: rgb(83 53 82), hsl(302 22% 27%), oklch(0.376 0.062 327.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Auricula Purple color name →
#533552
oklch(0.376 0.062 327.9)
Renk dönüşümleri
- HEX
- #533552
- RGB
- rgb(83 53 82)
- HSL
- hsl(302 22% 27%)
- HWB
- hwb(302 21% 67%)
- OKLCH
- oklch(0.376 0.062 327.9)
- OKLab
- oklab(0.376 0.053 -0.033)
- CIE Lab
- lab(26.7 17.86 -12.08)
- LCH
- lch(26.7 21.56 325.9)
- CMYK
- cmyk(0% 36% 1% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 634762
- 735A72
- 846D83
- 958093
- A694A5
- B7A9B6
- C9BEC8
- DBD3DA
- EDE9EC
Koyu tonlar
- 472D46
- 3B253B
- 301D2F
- 251525
- 1B0E1A
- 110811
- 080308
- 020102
- 000000
Gri tonlar
- 583C57
- 5C445B
- 614B60
- 655264
- 6A5A69
- 6E616E
- 736972
- 777177
- 7C787B
Renk uyumları
Tamamlayıcı +180°
- 533552
Auricula Purple
- 294A2E
≈ Order Green
Analog -30° +30°
- 533552
Auricula Purple
- 453A5E
≈ Mulberry Purple
- 5C3341
≈ Fig
Üçlü +120° +240°
- 533552
Auricula Purple
- 4F3F15
≈ Avocado Stone
- 064A52
≈ Midnight Green
Bölünmüş tamamlayıcı +150° +210°
- 533552
Auricula Purple
- 3E461D
≈ Avocado Dark Green
- 104C41
≈ Swedish Green
Dörtlü +90° +180° +270°
- 533552
Auricula Purple
- 5A381E
≈ Kuro Brown
- 294A2E
≈ Order Green
- 1D465E
≈ Dark Slate Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.50:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 1.99:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.50:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--auricula-purple: #533552;
--auricula-purple-rgb: 83 53 82;
--auricula-purple-oklch: oklch(0.376 0.062 327.9);
}
.element {
color: var(--auricula-purple);
background-color: hsl(302 22% 27%);
border-color: oklch(0.376 0.062 327.9);
}Tailwind CSS v4
@theme {
--color-auricula-purple: #533552;
--color-auricula-purple-50: #ffeffe;
--color-auricula-purple-100: #f4e1f2;
--color-auricula-purple-200: #e4cbe1;
--color-auricula-purple-300: #caacc7;
--color-auricula-purple-400: #b392b1;
--color-auricula-purple-500: #9d789b;
--color-auricula-purple-600: #856583;
--color-auricula-purple-700: #6a5169;
--color-auricula-purple-800: #4e3b4e;
--color-auricula-purple-900: #362836;
--color-auricula-purple-950: #211621;
}SCSS
$auricula-purple: #533552;
$auricula-purple-rgb: 83, 53, 82;
$auricula-purple-light: mix(#fff, $auricula-purple, 20%);
$auricula-purple-dark: mix(#000, $auricula-purple, 20%);
.element {
color: $auricula-purple;
box-shadow: 0 0 0 2px rgba($auricula-purple, 0.35);
}