Couleur nommée la plus proche · #680087
#680087
Couleur nommée la plus proche: Extraviolet
#680087 (rgb(104 0 135), hsl(286 100% 26%), oklch(0.387 0.19 315.1)) est la plus proche de la couleur nommée Extraviolet. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#680087
oklch(0.387 0.19 315.1)
Conversions de couleur
- HEX
- #680087
- RGB
- rgb(104 0 135)
- HSL
- hsl(286 100% 26%)
- HWB
- hwb(286 0% 47%)
- OKLCH
- oklch(0.387 0.19 315.1)
- OKLab
- oklab(0.387 0.135 -0.134)
- CIE Lab
- lab(25.41 52.47 -47.87)
- LCH
- lch(25.41 71.02 317.6)
- CMYK
- cmyk(23% 100% 0% 47%)
Teintes · Ombres · Tons
Teintes
- 772B94
- 8645A0
- 955DAD
- A474B9
- B38AC5
- C2A1D1
- D1B8DD
- E0D0E8
- F0E7F4
Ombres
- 590075
- 4B0063
- 3E0051
- 300041
- 240031
- 180021
- 0C0013
- 040006
- 000001
Tons
- 6B1D87
- 6E2D87
- 713A87
- 734587
- 765086
- 785A86
- 7A6485
- 7C6D83
- 7E7782
Harmonies de couleurs
Complémentaire +180°
- 680087
Extraviolet
- 265000
≈ Patch of Land
Analogue -30° +30°
- 680087
Extraviolet
- 4221A2
≈ Galactic Purple
- 7A0057
≈ Velvet
Triadique +120° +240°
- 680087
Extraviolet
- 5D3D00
≈ Hippogriff Brown
- 004F4F
≈ Antique Turquoise
Complémentaire divisée +150° +210°
- 680087
Extraviolet
- 4B4600
≈ Alligator Gladiator
- 005139
≈ Trapper Green
Tétradique +90° +180° +270°
- 680087
Extraviolet
- 722B00
≈ Chestnut
- 265000
≈ Patch of Land
- 004C61
≈ Raging Thunderstorm
Contraste et accessibilité
Ag
AAASur blanc
WCAG 10.83:1 · APCA Lc 93
Ag
FailSur noir
WCAG 1.93:1 · APCA Lc 9
Meilleure couleur de texte: #FFFFFF
WCAG 10.83:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--extraviolet: #680087;
--extraviolet-rgb: 104 0 135;
--extraviolet-oklch: oklch(0.387 0.19 315.1);
}
.element {
color: var(--extraviolet);
background-color: hsl(286 100% 26%);
border-color: oklch(0.387 0.19 315.1);
}Tailwind CSS v4
@theme {
--color-extraviolet: #680087;
--color-extraviolet-50: #ffe5ff;
--color-extraviolet-100: #ffd5ff;
--color-extraviolet-200: #f5bbff;
--color-extraviolet-300: #de97f7;
--color-extraviolet-400: #c876ea;
--color-extraviolet-500: #b453da;
--color-extraviolet-600: #9847b8;
--color-extraviolet-700: #7a3994;
--color-extraviolet-800: #592970;
--color-extraviolet-900: #3e1c4f;
--color-extraviolet-950: #270b34;
}SCSS
$extraviolet: #680087;
$extraviolet-rgb: 104, 0, 135;
$extraviolet-light: mix(#fff, $extraviolet, 20%);
$extraviolet-dark: mix(#000, $extraviolet, 20%);
.element {
color: $extraviolet;
box-shadow: 0 0 0 2px rgba($extraviolet, 0.35);
}