Colore con nome più vicino · #EBB5BB
#EBB5BB
Colore con nome più vicino: Blush Rush
#EBB5BB (rgb(235 181 187), hsl(353 57% 82%), oklch(0.824 0.063 11.1)) è più vicino al colore con nome Blush Rush. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#EBB5BB
oklch(0.824 0.063 11.1)
Conversioni di colore
- HEX
- #ebb5bb
- RGB
- rgb(235 181 187)
- HSL
- hsl(353 57% 82%)
- HWB
- hwb(353 71% 8%)
- OKLCH
- oklch(0.824 0.063 11.1)
- OKLab
- oklab(0.824 0.062 0.012)
- CIE Lab
- lab(78.82 20.81 4.91)
- LCH
- lch(78.82 21.38 13.3)
- CMYK
- cmyk(0% 23% 20% 8%)
Tinte · Ombre · Toni
Tinte
- EDBCC2
- F0C4C8
- F2CBCF
- F4D2D6
- F6DADD
- F8E1E3
- FAE9EA
- FCF0F1
- FDF8F8
Ombre
- CC9DA2
- AE868A
- 916F73
- 75595C
- 5B4446
- 413032
- 291D1F
- 130C0D
- 030202
Toni
- E0B0B5
- D5AAAF
- CAA5A9
- C0A0A3
- B59A9D
- AA9597
- A09091
- 958B8B
- 8A8586
Armonie di colore
Complementare +180°
- EBB5BB
Blush Rush
- 95D3CF
≈ Summer Soft Blue
Analogo -30° +30°
- EBB5BB
Blush Rush
- E3B6D1
≈ Sweet Lilac
- EAB8A6
≈ Pink Abalone
Triadico +120° +240°
- EBB5BB
Blush Rush
- B7CEA4
≈ Pixie Green
- A8C9EE
≈ Island Light
Complementare divisa +150° +210°
- EBB5BB
Blush Rush
- A2D3B8
≈ Glenwood Green
- 98CFE2
≈ Perfectly Blue
Tetradico +90° +180° +270°
- EBB5BB
Blush Rush
- CEC798
≈ Vast Escape
- 95D3CF
≈ Summer Soft Blue
- BDC1EE
≈ Vodka
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.77:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.85:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.85:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--blush-rush: #ebb5bb;
--blush-rush-rgb: 235 181 187;
--blush-rush-oklch: oklch(0.824 0.063 11.1);
}
.element {
color: var(--blush-rush);
background-color: hsl(353 57% 82%);
border-color: oklch(0.824 0.063 11.1);
}Tailwind CSS v4
@theme {
--color-blush-rush: #ebb5bb;
--color-blush-rush-50: #ffeef0;
--color-blush-rush-100: #fce0e2;
--color-blush-rush-200: #eecacc;
--color-blush-rush-300: #d6abae;
--color-blush-rush-400: #c18f95;
--color-blush-rush-500: #ac757c;
--color-blush-rush-600: #916369;
--color-blush-rush-700: #744f54;
--color-blush-rush-800: #56393e;
--color-blush-rush-900: #3c272a;
--color-blush-rush-950: #261518;
}SCSS
$blush-rush: #ebb5bb;
$blush-rush-rgb: 235, 181, 187;
$blush-rush-light: mix(#fff, $blush-rush, 20%);
$blush-rush-dark: mix(#000, $blush-rush, 20%);
.element {
color: $blush-rush;
box-shadow: 0 0 0 2px rgba($blush-rush, 0.35);
}