Couleur nommée la plus proche · #925082
#925082
Couleur nommée la plus proche: Grape Candy
#925082 (rgb(146 80 130), hsl(315 29% 44%), oklch(0.527 0.11 336.8)) est la plus proche de la couleur nommée Grape Candy. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#925082
oklch(0.527 0.11 336.8)
Conversions de couleur
- HEX
- #925082
- RGB
- rgb(146 80 130)
- HSL
- hsl(315 29% 44%)
- HWB
- hwb(315 31% 43%)
- OKLCH
- oklch(0.527 0.11 336.8)
- OKLab
- oklab(0.527 0.101 -0.043)
- CIE Lab
- lab(43.51 33.52 -15.8)
- LCH
- lch(43.51 37.06 334.8)
- CMYK
- cmyk(0% 45% 11% 43%)
Teintes · Ombres · Tons
Teintes
- 9D618E
- A9729A
- B483A6
- BF94B3
- CAA5BF
- D5B7CC
- DFC9D8
- EADAE5
- F4EDF2
Ombres
- 7E4470
- 6B395F
- 582E4E
- 46243E
- 351A2F
- 251020
- 160712
- 080206
- 010001
Tons
- 915582
- 905B82
- 8E6082
- 8D6482
- 8B6981
- 896E81
- 877381
- 857781
- 837C80
Harmonies de couleurs
Complémentaire +180°
- 925082
Grape Candy
- 247D50
≈ Canadian Pine
Analogue -30° +30°
- 925082
Grape Candy
- 7B589C
≈ Sonic Plum
- 9F4D60
≈ Cherry Berry
Triadique +120° +240°
- 925082
Grape Candy
- 7D6A00
≈ Arousing Alligator
- 00788E
≈ Bayou Serenade
Complémentaire divisée +150° +210°
- 925082
Grape Candy
- 5A7628
≈ Luscious Lemongrass
- 007C73
≈ Romantic Isle
Tétradique +90° +180° +270°
- 925082
Grape Candy
- 945C12
≈ Sepia Wash
- 247D50
≈ Canadian Pine
- 2C6FA6
≈ Mega 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-candy: #925082;
--grape-candy-rgb: 146 80 130;
--grape-candy-oklch: oklch(0.527 0.11 336.8);
}
.element {
color: var(--grape-candy);
background-color: hsl(315 29% 44%);
border-color: oklch(0.527 0.11 336.8);
}Tailwind CSS v4
@theme {
--color-grape-candy: #925082;
--color-grape-candy-50: #ffeaff;
--color-grape-candy-100: #ffdaf4;
--color-grape-candy-200: #f5c3e4;
--color-grape-candy-300: #dda2ca;
--color-grape-candy-400: #c885b6;
--color-grape-candy-500: #b368a1;
--color-grape-candy-600: #985888;
--color-grape-candy-700: #7a466d;
--color-grape-candy-800: #593352;
--color-grape-candy-900: #3f2339;
--color-grape-candy-950: #281223;
}SCSS
$grape-candy: #925082;
$grape-candy-rgb: 146, 80, 130;
$grape-candy-light: mix(#fff, $grape-candy, 20%);
$grape-candy-dark: mix(#000, $grape-candy, 20%);
.element {
color: $grape-candy;
box-shadow: 0 0 0 2px rgba($grape-candy, 0.35);
}