Colore con nome · #E58787
Boho Blush
Boho Blush è #E58787: rgb(229 135 135), hsl(0 64% 71%), oklch(0.723 0.115 20.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Boho Blush color name →
#E58787
oklch(0.723 0.115 20.3)
Conversioni di colore
- HEX
- #e58787
- RGB
- rgb(229 135 135)
- HSL
- hsl(0 64% 71%)
- HWB
- hwb(0 53% 10%)
- OKLCH
- oklch(0.723 0.115 20.3)
- OKLab
- oklab(0.723 0.108 0.04)
- CIE Lab
- lab(66.73 36.81 16.4)
- LCH
- lch(66.73 40.3 24)
- CMYK
- cmyk(0% 41% 41% 10%)
Tinte · Ombre · Toni
Tinte
- E99393
- EC9F9E
- F0ABAA
- F3B7B6
- F5C3C2
- F8CFCE
- FADBDA
- FCE7E6
- FEF3F3
Ombre
- C77575
- AA6363
- 8E5151
- 724141
- 583131
- 3F2121
- 281313
- 120606
- 030101
Toni
- DB8786
- D18786
- C88685
- BE8685
- B48584
- AA8483
- 9F8382
- 958282
- 8B8181
Armonie di colore
Complementare +180°
- E58787
Boho Blush
- 28BBC2
≈ Montego Bay
Analogo -30° +30°
- E58787
Boho Blush
- DC87AF
≈ Springtime Bloom
- DF8F61
≈ Bockwurst
Triadico +120° +240°
- E58787
Boho Blush
- 7DB871
≈ Green Galore
- 7BA6EE
≈ Greek Sea
Complementare divisa +150° +210°
- E58787
Boho Blush
- 4ABD9B
≈ Expressionism Green
- 4BB3E0
≈ Sail Away
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.57:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.14:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--boho-blush: #e58787;
--boho-blush-rgb: 229 135 135;
--boho-blush-oklch: oklch(0.723 0.115 20.3);
}
.element {
color: var(--boho-blush);
background-color: hsl(0 64% 71%);
border-color: oklch(0.723 0.115 20.3);
}Tailwind CSS v4
@theme {
--color-boho-blush: #e58787;
--color-boho-blush-50: #ffe9e6;
--color-boho-blush-100: #ffdad6;
--color-boho-blush-200: #ffc1be;
--color-boho-blush-300: #eda09c;
--color-boho-blush-400: #da8282;
--color-boho-blush-500: #c76465;
--color-boho-blush-600: #a85556;
--color-boho-blush-700: #874445;
--color-boho-blush-800: #643033;
--color-boho-blush-900: #472123;
--color-boho-blush-950: #2e1012;
}SCSS
$boho-blush: #e58787;
$boho-blush-rgb: 229, 135, 135;
$boho-blush-light: mix(#fff, $boho-blush, 20%);
$boho-blush-dark: mix(#000, $boho-blush, 20%);
.element {
color: $boho-blush;
box-shadow: 0 0 0 2px rgba($boho-blush, 0.35);
}