Couleur nommée la plus proche · #EBBDF6
#EBBDF6
Couleur nommée la plus proche: Beefy Pink
#EBBDF6 (rgb(235 189 246), hsl(288 76% 85%), oklch(0.857 0.092 319.7)) est la plus proche de la couleur nommée Beefy Pink. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EBBDF6
oklch(0.857 0.092 319.7)
Conversions de couleur
- HEX
- #ebbdf6
- RGB
- rgb(235 189 246)
- HSL
- hsl(288 76% 85%)
- HWB
- hwb(288 74% 4%)
- OKLCH
- oklch(0.857 0.092 319.7)
- OKLab
- oklab(0.857 0.07 -0.059)
- CIE Lab
- lab(82.14 24.24 -21.84)
- LCH
- lch(82.14 32.62 318)
- CMYK
- cmyk(4% 23% 0% 4%)
Teintes · Ombres · Tons
Teintes
- EDC4F7
- EFCAF8
- F1D1F9
- F3D8FA
- F5DEFB
- F7E5FC
- F9EBFD
- FBF2FE
- FDF8FE
Ombres
- CCA4D6
- AE8CB7
- 917498
- 755D7B
- 5B475F
- 413345
- 291F2C
- 130D15
- 030203
Tons
- E0B7EA
- D5B1DE
- CAABD1
- BFA4C5
- B49EBA
- AA98AE
- 9F92A2
- 958C97
- 8A868B
Harmonies de couleurs
Complémentaire +180°
- EBBDF6
Beefy Pink
- B1DFA6
≈ Green Gooseberry
Analogue -30° +30°
- EBBDF6
Beefy Pink
- CEC8FF
≈ Innocent Snowdrop
- FFB8D9
≈ Candy Bar
Triadique +120° +240°
- EBBDF6
Beefy Pink
- F0CA8A
≈ Beacon Yellow
- 82E3E7
≈ Paradisiacal Getaway
Complémentaire divisée +150° +210°
- EBBDF6
Beefy Pink
- D3D68F
≈ Golden Delicious
- 91E4C7
≈ Bubble Algae
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.59:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.14:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.14:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--beefy-pink: #ebbdf6;
--beefy-pink-rgb: 235 189 246;
--beefy-pink-oklch: oklch(0.857 0.092 319.7);
}
.element {
color: var(--beefy-pink);
background-color: hsl(288 76% 85%);
border-color: oklch(0.857 0.092 319.7);
}Tailwind CSS v4
@theme {
--color-beefy-pink: #ebbdf6;
--color-beefy-pink-50: #ffedff;
--color-beefy-pink-100: #f7defb;
--color-beefy-pink-200: #e7c8ec;
--color-beefy-pink-300: #cea8d4;
--color-beefy-pink-400: #b78dc1;
--color-beefy-pink-500: #a172ac;
--color-beefy-pink-600: #886191;
--color-beefy-pink-700: #6d4d75;
--color-beefy-pink-800: #503857;
--color-beefy-pink-900: #37263d;
--color-beefy-pink-950: #221526;
}SCSS
$beefy-pink: #ebbdf6;
$beefy-pink-rgb: 235, 189, 246;
$beefy-pink-light: mix(#fff, $beefy-pink, 20%);
$beefy-pink-dark: mix(#000, $beefy-pink, 20%);
.element {
color: $beefy-pink;
box-shadow: 0 0 0 2px rgba($beefy-pink, 0.35);
}