Couleur nommée la plus proche · #D45EA8
#D45EA8
Couleur nommée la plus proche: Sugar Rush
#D45EA8 (rgb(212 94 168), hsl(322 58% 60%), oklch(0.651 0.17 344.3)) est la plus proche de la couleur nommée Sugar Rush. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D45EA8
oklch(0.651 0.17 344.3)
Conversions de couleur
- HEX
- #d45ea8
- RGB
- rgb(212 94 168)
- HSL
- hsl(322 58% 60%)
- HWB
- hwb(322 37% 17%)
- OKLCH
- oklch(0.651 0.17 344.3)
- OKLab
- oklab(0.651 0.164 -0.046)
- CIE Lab
- lab(57.12 53.39 -16.62)
- LCH
- lch(57.12 55.92 342.7)
- CMYK
- cmyk(0% 56% 21% 17%)
Teintes · Ombres · Tons
Teintes
- DA6FB1
- E080B9
- E590C2
- EAA0CA
- EEB0D3
- F3C0DC
- F6D0E5
- FADFED
- FDEFF6
Ombres
- B85192
- 9D447C
- 833767
- 692B52
- 511F3F
- 3A142C
- 240A1A
- 10030A
- 020001
Tons
- CC63A4
- C568A0
- BD6C9C
- B56F98
- AD7394
- A47690
- 9C798C
- 937B88
- 8A7E84
Harmonies de couleurs
Complémentaire +180°
- D45EA8
Sugar Rush
- 00A979
≈ Dragon Scale
Analogue -30° +30°
- D45EA8
Sugar Rush
- B56BD6
≈ Lavender
- E35B6F
≈ Swiss Chard
Triadique +120° +240°
- D45EA8
Sugar Rush
- 9D9300
≈ Romaine Green
- 009EC7
≈ Blue Ocean
Complémentaire divisée +150° +210°
- D45EA8
Sugar Rush
- 60A526
≈ Herbal Lift
- 00A4A4
≈ Wax Crayon Blue
Tétradique +90° +180° +270°
- D45EA8
Sugar Rush
- C08100
≈ Turmeric Brown
- 00A979
≈ Dragon Scale
- 3990F4
≈ Karimun Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.51:1 · APCA Lc 62
Ag
AASur noir
WCAG 5.96:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 5.96:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--sugar-rush: #d45ea8;
--sugar-rush-rgb: 212 94 168;
--sugar-rush-oklch: oklch(0.651 0.17 344.3);
}
.element {
color: var(--sugar-rush);
background-color: hsl(322 58% 60%);
border-color: oklch(0.651 0.17 344.3);
}Tailwind CSS v4
@theme {
--color-sugar-rush: #d45ea8;
--color-sugar-rush-50: #ffe2ff;
--color-sugar-rush-100: #ffd2f4;
--color-sugar-rush-200: #ffb7e3;
--color-sugar-rush-300: #f592c9;
--color-sugar-rush-400: #e271b6;
--color-sugar-rush-500: #cf4da1;
--color-sugar-rush-600: #af4288;
--color-sugar-rush-700: #8d356d;
--color-sugar-rush-800: #682552;
--color-sugar-rush-900: #491939;
--color-sugar-rush-950: #300924;
}SCSS
$sugar-rush: #d45ea8;
$sugar-rush-rgb: 212, 94, 168;
$sugar-rush-light: mix(#fff, $sugar-rush, 20%);
$sugar-rush-dark: mix(#000, $sugar-rush, 20%);
.element {
color: $sugar-rush;
box-shadow: 0 0 0 2px rgba($sugar-rush, 0.35);
}