Couleur nommée la plus proche · #865280
#865280
Couleur nommée la plus proche: Grape Candy
#865280 (rgb(134 82 128), hsl(307 24% 42%), oklch(0.514 0.094 331.1)) 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.
#865280
oklch(0.514 0.094 331.1)
Conversions de couleur
- HEX
- #865280
- RGB
- rgb(134 82 128)
- HSL
- hsl(307 24% 42%)
- HWB
- hwb(307 32% 47%)
- OKLCH
- oklch(0.514 0.094 331.1)
- OKLab
- oklab(0.514 0.083 -0.046)
- CIE Lab
- lab(42.25 27.82 -16.68)
- LCH
- lch(42.25 32.44 329)
- CMYK
- cmyk(0% 39% 4% 47%)
Teintes · Ombres · Tons
Teintes
- 92628C
- 9E7398
- AA84A5
- B695B1
- C2A6BE
- CFB7CB
- DBC9D8
- E7DBE5
- F3EDF2
Ombres
- 74466E
- 623B5D
- 512F4D
- 40253D
- 301A2E
- 21111F
- 130812
- 060206
- 010001
Tons
- 865780
- 865C80
- 856080
- 856580
- 846A80
- 846E80
- 837380
- 827780
- 817C80
Harmonies de couleurs
Complémentaire +180°
- 865280
Grape Candy
- 39764B
≈ Grasslands
Analogue -30° +30°
- 865280
Grape Candy
- 715A95
≈ Just a Fairytale
- 934F64
≈ Vin Rouge
Triadique +120° +240°
- 865280
Grape Candy
- 7B651A
≈ Brazen Brass
- 007484
≈ Deep Current
Complémentaire divisée +150° +210°
- 865280
Grape Candy
- 5F6F2C
≈ Fiji Green
- 00786A
≈ Teal Waters
Tétradique +90° +180° +270°
- 865280
Grape Candy
- 8E5928
≈ Caramel Café
- 39764B
≈ Grasslands
- 2C6D98
≈ Blue Oasis
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.94:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.53:1 · APCA Lc 22
Meilleure couleur de texte: #FFFFFF
WCAG 5.94:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--grape-candy: #865280;
--grape-candy-rgb: 134 82 128;
--grape-candy-oklch: oklch(0.514 0.094 331.1);
}
.element {
color: var(--grape-candy);
background-color: hsl(307 24% 42%);
border-color: oklch(0.514 0.094 331.1);
}Tailwind CSS v4
@theme {
--color-grape-candy: #865280;
--color-grape-candy-50: #ffecff;
--color-grape-candy-100: #fcddf6;
--color-grape-candy-200: #eec6e6;
--color-grape-candy-300: #d5a6cc;
--color-grape-candy-400: #bf8ab8;
--color-grape-candy-500: #aa6ea3;
--color-grape-candy-600: #905e8a;
--color-grape-candy-700: #734b6e;
--color-grape-candy-800: #543652;
--color-grape-candy-900: #3b2539;
--color-grape-candy-950: #251324;
}SCSS
$grape-candy: #865280;
$grape-candy-rgb: 134, 82, 128;
$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);
}