Color con nombre más cercano · #920060
#920060
Color con nombre más cercano: 8 Bit Eggplant
#920060 (rgb(146 0 96), hsl(321 100% 29%), oklch(0.436 0.182 349.4)) se parece más al color con nombre 8 Bit Eggplant. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#920060
oklch(0.436 0.182 349.4)
Conversiones de color
- HEX
- #920060
- RGB
- rgb(146 0 96)
- HSL
- hsl(321 100% 29%)
- HWB
- hwb(321 0% 43%)
- OKLCH
- oklch(0.436 0.182 349.4)
- OKLab
- oklab(0.436 0.179 -0.033)
- CIE Lab
- lab(32.04 57 -11.84)
- LCH
- lch(32.04 58.22 348.3)
- CMYK
- cmyk(0% 100% 34% 43%)
Tintes · Sombras · Tonos
Tintes
- 9F2D6F
- AC477E
- B95F8D
- C4769D
- CF8CAC
- DAA3BD
- E4BACD
- EED1DD
- F7E8EE
Sombras
- 7E0052
- 6B0045
- 580038
- 46002C
- 350020
- 250015
- 16000A
- 080003
- 010000
Tonos
- 921E63
- 922F66
- 913C6A
- 90476D
- 8F5170
- 8D5B73
- 8B6577
- 886E7A
- 84777D
Armonías de color
Complementario +180°
- 920060
8 Bit Eggplant
- 006049
≈ Sci-Fi Takeout
Análogo -30° +30°
- 920060
8 Bit Eggplant
- 7A1E8E
≈ Orb of Discord
- 9B0027
≈ Succubus
Triádico +120° +240°
- 920060
8 Bit Eggplant
- 555500
≈ Douro
- 005977
≈ Ink Blue
Complementario dividido +150° +210°
- 920060
8 Bit Eggplant
- 1D6200
≈ Thuja Green
- 005D61
≈ Enamelled Jewel
Tetrádico +90° +180° +270°
- 920060
8 Bit Eggplant
- 6B4A00
≈ Antique Bronze
- 006049
≈ Sci-Fi Takeout
- 0049AE
≈ Soulstone Blue
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.78:1 · APCA Lc 88
Ag
FailSobre negro
WCAG 2.39:1 · APCA Lc 14
Mejor color de texto: #FFFFFF
WCAG 8.78:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--color-8-bit-eggplant: #920060;
--color-8-bit-eggplant-rgb: 146 0 96;
--color-8-bit-eggplant-oklch: oklch(0.436 0.182 349.4);
}
.element {
color: var(--color-8-bit-eggplant);
background-color: hsl(321 100% 29%);
border-color: oklch(0.436 0.182 349.4);
}Tailwind CSS v4
@theme {
--color-color-8-bit-eggplant: #920060;
--color-color-8-bit-eggplant-50: #ffe0fb;
--color-color-8-bit-eggplant-100: #ffcfef;
--color-color-8-bit-eggplant-200: #ffb4dd;
--color-color-8-bit-eggplant-300: #fd8ec2;
--color-color-8-bit-eggplant-400: #ea6bae;
--color-color-8-bit-eggplant-500: #d84498;
--color-color-8-bit-eggplant-600: #b63b81;
--color-color-8-bit-eggplant-700: #922f67;
--color-color-8-bit-eggplant-800: #6c214e;
--color-color-8-bit-eggplant-900: #4c1636;
--color-color-8-bit-eggplant-950: #320621;
}SCSS
$color-8-bit-eggplant: #920060;
$color-8-bit-eggplant-rgb: 146, 0, 96;
$color-8-bit-eggplant-light: mix(#fff, $color-8-bit-eggplant, 20%);
$color-8-bit-eggplant-dark: mix(#000, $color-8-bit-eggplant, 20%);
.element {
color: $color-8-bit-eggplant;
box-shadow: 0 0 0 2px rgba($color-8-bit-eggplant, 0.35);
}