Colore con nome più vicino · #E77799
#E77799
Colore con nome più vicino: Embarrassed
#E77799 (rgb(231 119 153), hsl(342 70% 69%), oklch(0.706 0.142 2.1)) è più vicino al colore con nome Embarrassed. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E77799
oklch(0.706 0.142 2.1)
Conversioni di colore
- HEX
- #e77799
- RGB
- rgb(231 119 153)
- HSL
- hsl(342 70% 69%)
- HWB
- hwb(342 47% 9%)
- OKLCH
- oklch(0.706 0.142 2.1)
- OKLab
- oklab(0.706 0.142 0.005)
- CIE Lab
- lab(64.11 46.82 2.63)
- LCH
- lch(64.11 46.89 3.2)
- CMYK
- cmyk(0% 48% 34% 9%)
Tinte · Ombre · Toni
Tinte
- EB85A3
- EF93AD
- F2A1B7
- F5AEC1
- F8BCCB
- FAC9D5
- FCD7DF
- FDE4EA
- FEF2F4
Ombre
- C96784
- AB5770
- 8F475D
- 73384A
- 592A38
- 401C27
- 281017
- 130508
- 030101
Toni
- DD7996
- D37A94
- C97C91
- BF7D8F
- B57E8C
- AB7F8A
- A17F87
- 968085
- 8B8082
Armonie di colore
Complementare +180°
- E77799
Embarrassed
- 00B9A6
≈ Verditer
Analogo -30° +30°
- E77799
Embarrassed
- D37DC7
≈ Purple Kush
- EB7B66
≈ Cool Lava
Triadico +120° +240°
- E77799
Embarrassed
- 91AE3C
≈ Googolplex
- 3DA9F1
≈ Adamantine Blue
Complementare divisa +150° +210°
- E77799
Embarrassed
- 4FB973
≈ Esmeralda
- 00B4CD
≈ Antigua Blue
Tetradico +90° +180° +270°
- E77799
Embarrassed
- C09C0B
≈ Rapeseed
- 00B9A6
≈ Verditer
- 8299F8
≈ Periwinkle Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.49:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--embarrassed: #e77799;
--embarrassed-rgb: 231 119 153;
--embarrassed-oklch: oklch(0.706 0.142 2.1);
}
.element {
color: var(--embarrassed);
background-color: hsl(342 70% 69%);
border-color: oklch(0.706 0.142 2.1);
}Tailwind CSS v4
@theme {
--color-embarrassed: #e77799;
--color-embarrassed-50: #ffe5f0;
--color-embarrassed-100: #ffd5e2;
--color-embarrassed-200: #ffbbcd;
--color-embarrassed-300: #f598af;
--color-embarrassed-400: #e27898;
--color-embarrassed-500: #cf577f;
--color-embarrassed-600: #af4a6b;
--color-embarrassed-700: #8d3b56;
--color-embarrassed-800: #682a40;
--color-embarrassed-900: #491c2c;
--color-embarrassed-950: #300c19;
}SCSS
$embarrassed: #e77799;
$embarrassed-rgb: 231, 119, 153;
$embarrassed-light: mix(#fff, $embarrassed, 20%);
$embarrassed-dark: mix(#000, $embarrassed, 20%);
.element {
color: $embarrassed;
box-shadow: 0 0 0 2px rgba($embarrassed, 0.35);
}