Couleur nommée la plus proche · #4E1C65
#4E1C65
Couleur nommée la plus proche: Elegant Purple Gown
#4E1C65 (rgb(78 28 101), hsl(281 57% 25%), oklch(0.34 0.127 313.1)) est la plus proche de la couleur nommée Elegant Purple Gown. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4E1C65
oklch(0.34 0.127 313.1)
Conversions de couleur
- HEX
- #4e1c65
- RGB
- rgb(78 28 101)
- HSL
- hsl(281 57% 25%)
- HWB
- hwb(281 11% 60%)
- OKLCH
- oklch(0.34 0.127 313.1)
- OKLab
- oklab(0.34 0.087 -0.093)
- CIE Lab
- lab(21.27 33.34 -33.08)
- LCH
- lch(21.27 46.97 315.2)
- CMYK
- cmyk(23% 72% 0% 60%)
Teintes · Ombres · Tons
Teintes
- 5E3374
- 6F4983
- 805E93
- 9174A2
- A38AB1
- B5A1C1
- C7B8D0
- D9CFE0
- ECE7EF
Ombres
- 431757
- 381249
- 2D0D3C
- 23082F
- 190522
- 0F0217
- 07010C
- 020003
- 000000
Tons
- 532868
- 58336B
- 5D3D6F
- 624671
- 675074
- 6C5A77
- 716379
- 766D7C
- 7B767E
Harmonies de couleurs
Complémentaire +180°
- 4E1C65
Elegant Purple Gown
- 224200
≈ Forest Green
Analogue -30° +30°
- 4E1C65
Elegant Purple Gown
- 322876
≈ Deep Space Rodeo
- 601048
≈ Grape Purple
Triadique +120° +240°
- 4E1C65
Elegant Purple Gown
- 4E3100
≈ Kyoto House
- 004140
≈ Rich Black
Complémentaire divisée +150° +210°
- 4E1C65
Elegant Purple Gown
- 3F3900
≈ Camouflage
- 00432D
≈ UP Forest Green
Tétradique +90° +180° +270°
- 4E1C65
Elegant Purple Gown
- 602100
≈ Raw Chocolate
- 224200
≈ Forest Green
- 003F50
≈ Maniac Mansion
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.51:1 · APCA Lc 98
Ag
FailSur noir
WCAG 1.67:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.51:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--elegant-purple-gown: #4e1c65;
--elegant-purple-gown-rgb: 78 28 101;
--elegant-purple-gown-oklch: oklch(0.34 0.127 313.1);
}
.element {
color: var(--elegant-purple-gown);
background-color: hsl(281 57% 25%);
border-color: oklch(0.34 0.127 313.1);
}Tailwind CSS v4
@theme {
--color-elegant-purple-gown: #4e1c65;
--color-elegant-purple-gown-50: #ffebff;
--color-elegant-purple-gown-100: #f8dcff;
--color-elegant-purple-gown-200: #e9c4fa;
--color-elegant-purple-gown-300: #d0a4e4;
--color-elegant-purple-gown-400: #b987d4;
--color-elegant-purple-gown-500: #a36ac1;
--color-elegant-purple-gown-600: #8a5aa3;
--color-elegant-purple-gown-700: #6f4883;
--color-elegant-purple-gown-800: #503462;
--color-elegant-purple-gown-900: #382445;
--color-elegant-purple-gown-950: #23122d;
}SCSS
$elegant-purple-gown: #4e1c65;
$elegant-purple-gown-rgb: 78, 28, 101;
$elegant-purple-gown-light: mix(#fff, $elegant-purple-gown, 20%);
$elegant-purple-gown-dark: mix(#000, $elegant-purple-gown, 20%);
.element {
color: $elegant-purple-gown;
box-shadow: 0 0 0 2px rgba($elegant-purple-gown, 0.35);
}