Warna bernama · #733C8E
Perkin Mauve
Perkin Mauve adalah #733C8E: rgb(115 60 142), hsl(280 41% 40%), oklch(0.462 0.138 313.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Purple mean? → · Perkin Mauve color name →
#733C8E
oklch(0.462 0.138 313.2)
Konversi warna
- HEX
- #733c8e
- RGB
- rgb(115 60 142)
- HSL
- hsl(280 41% 40%)
- HWB
- hwb(280 24% 44%)
- OKLCH
- oklch(0.462 0.138 313.2)
- OKLab
- oklab(0.462 0.095 -0.101)
- CIE Lab
- lab(35.39 35.45 -36.09)
- LCH
- lch(35.39 50.59 314.5)
- CMYK
- cmyk(19% 58% 0% 44%)
Tint · Shade · Tone
Tint
- 804F9A
- 8E62A5
- 9C75B1
- AA88BC
- B79CC7
- C6AFD2
- D4C3DE
- E2D7E9
- F0EBF4
Shade
- 63337B
- 542A68
- 452156
- 361944
- 281134
- 1B0A24
- 0F0415
- 050107
- 010001
Tone
- 75448D
- 764B8C
- 77538B
- 79598A
- 7A6089
- 7B6787
- 7D6D86
- 7E7484
- 7F7A82
Harmoni warna
Komplementer +180°
- 733C8E
Perkin Mauve
- 396700
≈ Tatzelwurm Green
Analog -30° +30°
- 733C8E
Perkin Mauve
- 5149A2
≈ Liberty
- 8A326C
≈ Beetiful Magenta
Triadik +120° +240°
- 733C8E
Perkin Mauve
- 794E00
≈ Lucky Brown
- 006665
≈ Barbados Bay
Split-komplementer +150° +210°
- 733C8E
Perkin Mauve
- 635A00
≈ Brussels Sprout Green
- 006948
≈ Greens
Tetradik +90° +180° +270°
- 733C8E
Perkin Mauve
- 933700
≈ Citrine Brown
- 396700
≈ Tatzelwurm Green
- 00627B
≈ Jamaican Dream
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 7.59:1 · APCA Lc 86
Ag
FailDi atas hitam
WCAG 2.76:1 · APCA Lc 16
Warna teks terbaik: #FFFFFF
WCAG 7.59:1 (AAA) · APCA Lc 86
Contrast pairs
Cuplikan kode
CSS
:root {
--perkin-mauve: #733c8e;
--perkin-mauve-rgb: 115 60 142;
--perkin-mauve-oklch: oklch(0.462 0.138 313.2);
}
.element {
color: var(--perkin-mauve);
background-color: hsl(280 41% 40%);
border-color: oklch(0.462 0.138 313.2);
}Tailwind CSS v4
@theme {
--color-perkin-mauve: #733c8e;
--color-perkin-mauve-50: #ffeaff;
--color-perkin-mauve-100: #fadbff;
--color-perkin-mauve-200: #ebc3fd;
--color-perkin-mauve-300: #d2a2e8;
--color-perkin-mauve-400: #bb85d8;
--color-perkin-mauve-500: #a667c6;
--color-perkin-mauve-600: #8c58a7;
--color-perkin-mauve-700: #704686;
--color-perkin-mauve-800: #523365;
--color-perkin-mauve-900: #392347;
--color-perkin-mauve-950: #23112e;
}SCSS
$perkin-mauve: #733c8e;
$perkin-mauve-rgb: 115, 60, 142;
$perkin-mauve-light: mix(#fff, $perkin-mauve, 20%);
$perkin-mauve-dark: mix(#000, $perkin-mauve, 20%);
.element {
color: $perkin-mauve;
box-shadow: 0 0 0 2px rgba($perkin-mauve, 0.35);
}