Couleur nommée la plus proche · #DF286D
#DF286D
Couleur nommée la plus proche: Watermelon Sugar
#DF286D (rgb(223 40 109), hsl(337 74% 52%), oklch(0.596 0.218 5.2)) est la plus proche de la couleur nommée Watermelon Sugar. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DF286D
oklch(0.596 0.218 5.2)
Conversions de couleur
- HEX
- #df286d
- RGB
- rgb(223 40 109)
- HSL
- hsl(337 74% 52%)
- HWB
- hwb(337 16% 13%)
- OKLCH
- oklch(0.596 0.218 5.2)
- OKLab
- oklab(0.596 0.217 0.02)
- CIE Lab
- lab(50.53 70.51 9.08)
- LCH
- lch(50.53 71.1 7.3)
- CMYK
- cmyk(0% 82% 51% 13%)
Teintes · Ombres · Tons
Teintes
- E6487B
- EB6188
- F17796
- F58BA5
- F99FB3
- FCB3C2
- FEC6D1
- FFD9E0
- FFECEF
Ombres
- C2215E
- A51B4F
- 8A1541
- 6F0F33
- 560926
- 3D0419
- 27020D
- 120104
- 020001
Tons
- D73A6F
- CF4771
- C75173
- BE5A75
- B56277
- AC6978
- A2707A
- 97757C
- 8C7B7E
Harmonies de couleurs
Complémentaire +180°
- DF286D
Watermelon Sugar
- 009387
≈ Old Benchmark
Analogue -30° +30°
- DF286D
Watermelon Sugar
- C739B1
≈ Purple Pink
- DF3A00
≈ Flame of Prometheus
Triadique +120° +240°
- DF286D
Watermelon Sugar
- 6A8D00
≈ Asparagus Sultan
- 0085D2
≈ Calgar Blue
Complémentaire divisée +150° +210°
- DF286D
Watermelon Sugar
- 009857
≈ Garnish
- 008EA6
≈ Parrot Flight
Tétradique +90° +180° +270°
- DF286D
Watermelon Sugar
- 967D00
≈ Moscow Papyrus
- 009387
≈ Old Benchmark
- 6068FD
≈ Blue Genie
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.50:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.66:1 · APCA Lc 32
Meilleure couleur de texte: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Extraits de code
CSS
:root {
--watermelon-sugar: #df286d;
--watermelon-sugar-rgb: 223 40 109;
--watermelon-sugar-oklch: oklch(0.596 0.218 5.2);
}
.element {
color: var(--watermelon-sugar);
background-color: hsl(337 74% 52%);
border-color: oklch(0.596 0.218 5.2);
}Tailwind CSS v4
@theme {
--color-watermelon-sugar: #df286d;
--color-watermelon-sugar-50: #ffdcea;
--color-watermelon-sugar-100: #ffcadb;
--color-watermelon-sugar-200: #ffabc4;
--color-watermelon-sugar-300: #ff82a4;
--color-watermelon-sugar-400: #ff588d;
--color-watermelon-sugar-500: #f01a72;
--color-watermelon-sugar-600: #ca1c61;
--color-watermelon-sugar-700: #a3184d;
--color-watermelon-sugar-800: #790e3b;
--color-watermelon-sugar-900: #560a28;
--color-watermelon-sugar-950: #390016;
}SCSS
$watermelon-sugar: #df286d;
$watermelon-sugar-rgb: 223, 40, 109;
$watermelon-sugar-light: mix(#fff, $watermelon-sugar, 20%);
$watermelon-sugar-dark: mix(#000, $watermelon-sugar, 20%);
.element {
color: $watermelon-sugar;
box-shadow: 0 0 0 2px rgba($watermelon-sugar, 0.35);
}