Cor nomeada mais próxima · #EBC3CB
#EBC3CB
Cor nomeada mais próxima: Light Blush
#EBC3CB (rgb(235 195 203), hsl(348 50% 84%), oklch(0.854 0.047 4.6)) é mais próxima da cor nomeada Light Blush. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EBC3CB
oklch(0.854 0.047 4.6)
Conversões de cor
- HEX
- #ebc3cb
- RGB
- rgb(235 195 203)
- HSL
- hsl(348 50% 84%)
- HWB
- hwb(348 76% 8%)
- OKLCH
- oklch(0.854 0.047 4.6)
- OKLab
- oklab(0.854 0.046 0.004)
- CIE Lab
- lab(82.5 15.6 1.6)
- LCH
- lch(82.5 15.68 5.9)
- CMYK
- cmyk(0% 17% 14% 8%)
Tons claros · Sombras · Tons
Tons claros
- EDC9D0
- EFCFD5
- F1D5DA
- F4DBE0
- F6E1E5
- F8E7EA
- F9EDEF
- FBF3F4
- FDF9FA
Sombras
- CCA9B0
- AE9096
- 91787D
- 756065
- 5B4A4D
- 413437
- 292022
- 130E0F
- 030202
Tons
- E0BCC3
- D5B5BC
- CAAEB4
- BFA8AC
- B4A1A5
- AA9A9D
- 9F9496
- 958D8E
- 8A8787
Harmonias de cor
Complementar +180°
- EBC3CB
Light Blush
- AEDAD3
≈ Wave Top
Análoga -30° +30°
- EBC3CB
Light Blush
- E3C4DC
≈ Dog Rose
- ECC5BB
≈ Peach Ash
Tríade +120° +240°
- EBC3CB
Light Blush
- C8D5B4
≈ Spice Garden
- B6D3EC
≈ Modern Blue
Complementar dividida +150° +210°
- EBC3CB
Light Blush
- B8D9C2
≈ Cool Spring
- ADD8E2
≈ Araucana Egg
Tétrade +90° +180° +270°
- EBC3CB
Light Blush
- D8CFAD
≈ Lovely Linen
- AEDAD3
≈ Wave Top
- C5CDEE
≈ Miami White
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.20:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--light-blush: #ebc3cb;
--light-blush-rgb: 235 195 203;
--light-blush-oklch: oklch(0.854 0.047 4.6);
}
.element {
color: var(--light-blush);
background-color: hsl(348 50% 84%);
border-color: oklch(0.854 0.047 4.6);
}Tailwind CSS v4
@theme {
--color-light-blush: #ebc3cb;
--color-light-blush-50: #fff0f3;
--color-light-blush-100: #f7e2e5;
--color-light-blush-200: #e7ccd1;
--color-light-blush-300: #ceaeb3;
--color-light-blush-400: #b7939b;
--color-light-blush-500: #a27a82;
--color-light-blush-600: #89676e;
--color-light-blush-700: #6e5258;
--color-light-blush-800: #513c41;
--color-light-blush-900: #38292d;
--color-light-blush-950: #23171a;
}SCSS
$light-blush: #ebc3cb;
$light-blush-rgb: 235, 195, 203;
$light-blush-light: mix(#fff, $light-blush, 20%);
$light-blush-dark: mix(#000, $light-blush, 20%);
.element {
color: $light-blush;
box-shadow: 0 0 0 2px rgba($light-blush, 0.35);
}