Couleur nommée la plus proche · #913F7D
#913F7D
Couleur nommée la plus proche: Grape Riot
#913F7D (rgb(145 63 125), hsl(315 39% 41%), oklch(0.497 0.135 337.8)) est la plus proche de la couleur nommée Grape Riot. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#913F7D
oklch(0.497 0.135 337.8)
Conversions de couleur
- HEX
- #913f7d
- RGB
- rgb(145 63 125)
- HSL
- hsl(315 39% 41%)
- HWB
- hwb(315 25% 43%)
- OKLCH
- oklch(0.497 0.135 337.8)
- OKLab
- oklab(0.497 0.125 -0.051)
- CIE Lab
- lab(39.76 41.09 -18.46)
- LCH
- lch(39.76 45.05 335.8)
- CMYK
- cmyk(0% 57% 14% 43%)
Teintes · Ombres · Tons
Teintes
- 9D528A
- A96596
- B478A3
- BF8BB0
- CA9EBD
- D5B1CA
- E0C4D7
- EAD7E4
- F5EBF2
Ombres
- 7D356C
- 6A2C5B
- 58234B
- 461B3B
- 35122C
- 250A1E
- 150411
- 070105
- 010001
Tons
- 90477D
- 8F4E7E
- 8E557E
- 8D5B7F
- 8B627F
- 8A687F
- 886E80
- 857480
- 837A80
Harmonies de couleurs
Complémentaire +180°
- 913F7D
Grape Riot
- 007648
≈ Gnarls Green
Analogue -30° +30°
- 913F7D
Grape Riot
- 784A9D
≈ Studio
- 9F3A54
≈ Raspberry Ice Red
Triadique +120° +240°
- 913F7D
Grape Riot
- 726200
≈ Spicy Mustard
- 006E84
≈ Amalfi
Complémentaire divisée +150° +210°
- 913F7D
Grape Riot
- 4D6F00
≈ Over the Hills
- 00726B
≈ Pharaoh’s Gem
Tétradique +90° +180° +270°
- 913F7D
Grape Riot
- 8B5400
≈ Spear Shaft
- 007648
≈ Gnarls Green
- 0066AA
≈ Wing Commander
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.53:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.21:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.53:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--grape-riot: #913f7d;
--grape-riot-rgb: 145 63 125;
--grape-riot-oklch: oklch(0.497 0.135 337.8);
}
.element {
color: var(--grape-riot);
background-color: hsl(315 39% 41%);
border-color: oklch(0.497 0.135 337.8);
}Tailwind CSS v4
@theme {
--color-grape-riot: #913f7d;
--color-grape-riot-50: #ffe7ff;
--color-grape-riot-100: #ffd7f6;
--color-grape-riot-200: #fcbee7;
--color-grape-riot-300: #e69ccd;
--color-grape-riot-400: #d17eba;
--color-grape-riot-500: #bd5fa5;
--color-grape-riot-600: #a0518c;
--color-grape-riot-700: #804070;
--color-grape-riot-800: #5e2e54;
--color-grape-riot-900: #421f3b;
--color-grape-riot-950: #2a0f25;
}SCSS
$grape-riot: #913f7d;
$grape-riot-rgb: 145, 63, 125;
$grape-riot-light: mix(#fff, $grape-riot, 20%);
$grape-riot-dark: mix(#000, $grape-riot, 20%);
.element {
color: $grape-riot;
box-shadow: 0 0 0 2px rgba($grape-riot, 0.35);
}