Nazwany kolor · #772299
Orb of Discord
Orb of Discord to #772299: rgb(119 34 153), hsl(283 64% 37%), oklch(0.443 0.186 314). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Orb of Discord color name →
#772299
oklch(0.443 0.186 314)
Konwersje koloru
- HEX
- #772299
- RGB
- rgb(119 34 153)
- HSL
- hsl(283 64% 37%)
- HWB
- hwb(283 13% 40%)
- OKLCH
- oklch(0.443 0.186 314)
- OKLab
- oklab(0.443 0.129 -0.134)
- CIE Lab
- lab(32.22 49.97 -47.81)
- LCH
- lch(32.22 69.16 316.3)
- CMYK
- cmyk(22% 78% 0% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 843DA4
- 9254AF
- 9F69BA
- AD7FC4
- BA94CE
- C8A9D8
- D6BEE2
- E3D4EC
- F1E9F6
Odcienie ciemniejsze
- 671C84
- 571670
- 47115D
- 380B4A
- 2A0738
- 1C0327
- 100117
- 050008
- 010001
Tony
- 783097
- 7A3C95
- 7B4693
- 7C5091
- 7D588F
- 7E618C
- 7E698A
- 7F7187
- 807883
Harmonie kolorów
Komplementarna +180°
- 772299
Orb of Discord
- 336100
≈ Keen Green
Analogowa -30° +30°
- 772299
Orb of Discord
- 4E37B4
≈ Blue Violet
- 92056C
≈ 8 Bit Eggplant
Triada +120° +240°
- 772299
Orb of Discord
- 724A00
≈ Antique Bronze
- 006060
≈ Sandhill Crane
Komplementarna rozszczepiona +150° +210°
- 772299
Orb of Discord
- 5C5500
≈ Douro
- 006345
≈ Aotake Bamboo
Tetrada +90° +180° +270°
- 772299
Orb of Discord
- 8B3500
≈ Coffee Addiction
- 336100
≈ Keen Green
- 005D75
≈ Bosporus
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.49:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.47:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.49:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--orb-of-discord: #772299;
--orb-of-discord-rgb: 119 34 153;
--orb-of-discord-oklch: oklch(0.443 0.186 314);
}
.element {
color: var(--orb-of-discord);
background-color: hsl(283 64% 37%);
border-color: oklch(0.443 0.186 314);
}Tailwind CSS v4
@theme {
--color-orb-of-discord: #772299;
--color-orb-of-discord-50: #ffe6ff;
--color-orb-of-discord-100: #ffd5ff;
--color-orb-of-discord-200: #f4bcff;
--color-orb-of-discord-300: #dc98f7;
--color-orb-of-discord-400: #c678ea;
--color-orb-of-discord-500: #b156da;
--color-orb-of-discord-600: #9649b8;
--color-orb-of-discord-700: #783b94;
--color-orb-of-discord-800: #572a70;
--color-orb-of-discord-900: #3d1d4f;
--color-orb-of-discord-950: #270c34;
}SCSS
$orb-of-discord: #772299;
$orb-of-discord-rgb: 119, 34, 153;
$orb-of-discord-light: mix(#fff, $orb-of-discord, 20%);
$orb-of-discord-dark: mix(#000, $orb-of-discord, 20%);
.element {
color: $orb-of-discord;
box-shadow: 0 0 0 2px rgba($orb-of-discord, 0.35);
}