Cor nomeada mais próxima · #EB94D1
#EB94D1
Cor nomeada mais próxima: Bubblegum Kisses
#EB94D1 (rgb(235 148 209), hsl(318 69% 75%), oklch(0.774 0.129 338.7)) é mais próxima da cor nomeada Bubblegum Kisses. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EB94D1
oklch(0.774 0.129 338.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- EE9FD6
- F1AADA
- F3B5DF
- F5BFE4
- F7CAE8
- F9D5ED
- FBDFF1
- FDEAF6
- FEF4FA
Sombras
- CC80B5
- AE6D9B
- 915A81
- 754868
- 5B3650
- 412639
- 291623
- 130810
- 030102
Tons
- E092C9
- D691C0
- CB8FB8
- C08DB0
- B68BA8
- AB89A0
- A08798
- 968590
- 8B8288
Harmonias de cor
Complementar +180°
- EB94D1
Bubblegum Kisses
- 63CE97
≈ Van Gogh Green
Análoga -30° +30°
- EB94D1
Bubblegum Kisses
- CD9EF4
≈ Baby Purple
- FB91A5
≈ Salmon Pink
Tríade +120° +240°
- EB94D1
Bubblegum Kisses
- CAB64A
≈ Old Gold
- 32C8ED
≈ Picnic Day Sky
Complementar dividida +150° +210°
- EB94D1
Bubblegum Kisses
- 9CC569
≈ Spring Lime
- 23CFC6
≈ Blue Martina
Tétrade +90° +180° +270°
- EB94D1
Bubblegum Kisses
- EBA552
≈ Golden Koi
- 63CE97
≈ Van Gogh Green
- 75BBFF
≈ Cooler Than Ever
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.16:1 · APCA Lc 42
Ag
AAASobre preto
WCAG 9.68:1 · APCA Lc 60
Melhor cor de texto: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
Trechos de código
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);
}