Couleur nommée la plus proche · #EB94D1
#EB94D1
Couleur nommée la plus proche: Bubblegum Kisses
#EB94D1 (rgb(235 148 209), hsl(318 69% 75%), oklch(0.774 0.129 338.7)) est la plus proche de la couleur nommée Bubblegum Kisses. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EB94D1
oklch(0.774 0.129 338.7)
Conversions de couleur
- HEX
- #eb94d1
- RGB
- rgb(235 148 209)
- HSL
- hsl(318 69% 75%)
- HWB
- hwb(318 58% 8%)
- OKLCH
- oklch(0.774 0.129 338.7)
- OKLab
- oklab(0.774 0.12 -0.047)
- CIE Lab
- lab(71.95 39.94 -17.12)
- LCH
- lch(71.95 43.46 336.8)
- CMYK
- cmyk(0% 37% 11% 8%)
Teintes · Ombres · Tons
Teintes
- EE9FD6
- F1AADA
- F3B5DF
- F5BFE4
- F7CAE8
- F9D5ED
- FBDFF1
- FDEAF6
- FEF4FA
Ombres
- CC80B5
- AE6D9B
- 915A81
- 754868
- 5B3650
- 412639
- 291623
- 130810
- 030102
Tons
- E092C9
- D691C0
- CB8FB8
- C08DB0
- B68BA8
- AB89A0
- A08798
- 968590
- 8B8288
Harmonies de couleurs
Complémentaire +180°
- EB94D1
Bubblegum Kisses
- 63CE97
≈ Van Gogh Green
Analogue -30° +30°
- EB94D1
Bubblegum Kisses
- CD9EF4
≈ Baby Purple
- FB91A5
≈ Salmon Pink
Triadique +120° +240°
- EB94D1
Bubblegum Kisses
- CAB64A
≈ Old Gold
- 32C8ED
≈ Picnic Day Sky
Complémentaire divisée +150° +210°
- EB94D1
Bubblegum Kisses
- 9CC569
≈ Spring Lime
- 23CFC6
≈ Blue Martina
Tétradique +90° +180° +270°
- EB94D1
Bubblegum Kisses
- EBA552
≈ Golden Koi
- 63CE97
≈ Van Gogh Green
- 75BBFF
≈ Cooler Than Ever
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.16:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.68:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
CSS
:root {
--bubblegum-kisses: #eb94d1;
--bubblegum-kisses-rgb: 235 148 209;
--bubblegum-kisses-oklch: oklch(0.774 0.129 338.7);
}
.element {
color: var(--bubblegum-kisses);
background-color: hsl(318 69% 75%);
border-color: oklch(0.774 0.129 338.7);
}Tailwind CSS v4
@theme {
--color-bubblegum-kisses: #eb94d1;
--color-bubblegum-kisses-50: #ffe7ff;
--color-bubblegum-kisses-100: #ffd8f5;
--color-bubblegum-kisses-200: #fbbfe5;
--color-bubblegum-kisses-300: #e59dcb;
--color-bubblegum-kisses-400: #d07fb8;
--color-bubblegum-kisses-500: #bc61a3;
--color-bubblegum-kisses-600: #9f5289;
--color-bubblegum-kisses-700: #7f426e;
--color-bubblegum-kisses-800: #5e2f53;
--color-bubblegum-kisses-900: #42203a;
--color-bubblegum-kisses-950: #2a0f24;
}SCSS
$bubblegum-kisses: #eb94d1;
$bubblegum-kisses-rgb: 235, 148, 209;
$bubblegum-kisses-light: mix(#fff, $bubblegum-kisses, 20%);
$bubblegum-kisses-dark: mix(#000, $bubblegum-kisses, 20%);
.element {
color: $bubblegum-kisses;
box-shadow: 0 0 0 2px rgba($bubblegum-kisses, 0.35);
}