Couleur nommée la plus proche · #A24483
#A24483
Couleur nommée la plus proche: Grape Riot
#A24483 (rgb(162 68 131), hsl(320 41% 45%), oklch(0.531 0.145 342.2)) 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.
#A24483
oklch(0.531 0.145 342.2)
Conversions de couleur
- HEX
- #a24483
- RGB
- rgb(162 68 131)
- HSL
- hsl(320 41% 45%)
- HWB
- hwb(320 27% 36%)
- OKLCH
- oklch(0.531 0.145 342.2)
- OKLab
- oklab(0.531 0.138 -0.044)
- CIE Lab
- lab(43.59 45.04 -16)
- LCH
- lch(43.59 47.8 340.4)
- CMYK
- cmyk(0% 58% 19% 36%)
Teintes · Ombres · Tons
Teintes
- AD578F
- B76A9B
- C17CA7
- CB8FB3
- D4A1C0
- DDB3CC
- E6C6D9
- EFD9E5
- F7ECF2
Ombres
- 8C3A71
- 773060
- 63264F
- 4F1D3F
- 3C142F
- 2A0C20
- 190512
- 0A0206
- 010001
Tons
- A04B83
- 9D5283
- 9A5982
- 975F82
- 946582
- 916B82
- 8D7081
- 897681
- 857B80
Harmonies de couleurs
Complémentaire +180°
- A24483
Grape Riot
- 008057
≈ Irish Beauty
Analogue -30° +30°
- A24483
Grape Riot
- 884FA8
≈ Vicious Violet
- AF4055
≈ Romantic Embers
Triadique +120° +240°
- A24483
Grape Riot
- 796E00
≈ Bronze Yellow
- 007895
≈ Celestial
Complémentaire divisée +150° +210°
- A24483
Grape Riot
- 4A7C08
≈ Tropicana
- 007C7A
≈ Navajo Turquoise
Tétradique +90° +180° +270°
- A24483
Grape Riot
- 945F00
≈ Raw Sienna
- 008057
≈ Irish Beauty
- 1C6DBD
≈ Beautiful Blue
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.68:1 · APCA Lc 78
Ag
FailSur noir
WCAG 3.69:1 · APCA Lc 24
Meilleure couleur de texte: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
Extraits de code
CSS
:root {
--grape-riot: #a24483;
--grape-riot-rgb: 162 68 131;
--grape-riot-oklch: oklch(0.531 0.145 342.2);
}
.element {
color: var(--grape-riot);
background-color: hsl(320 41% 45%);
border-color: oklch(0.531 0.145 342.2);
}Tailwind CSS v4
@theme {
--color-grape-riot: #a24483;
--color-grape-riot-50: #ffe5ff;
--color-grape-riot-100: #ffd5f4;
--color-grape-riot-200: #ffbce3;
--color-grape-riot-300: #ec99c9;
--color-grape-riot-400: #d87ab6;
--color-grape-riot-500: #c459a0;
--color-grape-riot-600: #a64c87;
--color-grape-riot-700: #853d6d;
--color-grape-riot-800: #622c52;
--color-grape-riot-900: #451d39;
--color-grape-riot-950: #2c0d23;
}SCSS
$grape-riot: #a24483;
$grape-riot-rgb: 162, 68, 131;
$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);
}