Colore con nome · #E29A86
Shrimp
Shrimp è #E29A86: rgb(226 154 134), hsl(13 61% 71%), oklch(0.752 0.092 36.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Shrimp color name →
#E29A86
oklch(0.752 0.092 36.2)
Conversioni di colore
- HEX
- #e29a86
- RGB
- rgb(226 154 134)
- HSL
- hsl(13 61% 71%)
- HWB
- hwb(13 53% 11%)
- OKLCH
- oklch(0.752 0.092 36.2)
- OKLab
- oklab(0.752 0.074 0.054)
- CIE Lab
- lab(70.55 26 22.03)
- LCH
- lch(70.55 34.08 40.3)
- CMYK
- cmyk(0% 32% 41% 11%)
Tinte · Ombre · Toni
Tinte
- E6A492
- E9AE9E
- ECB8AA
- F0C2B6
- F3CCC2
- F5D6CE
- F8E1DA
- FBEBE6
- FDF5F3
Ombre
- C48574
- A87162
- 8C5E51
- 714B40
- 573930
- 3E2721
- 271713
- 120906
- 030101
Toni
- D89886
- CE9585
- C59385
- BB9084
- B18E84
- A78B83
- 9E8882
- 948682
- 8A8381
Armonie di colore
Complementare +180°
- E29A86
Shrimp
- 63BDD4
≈ Skydive
Analogo -30° +30°
- E29A86
Shrimp
- E196A5
≈ Cherry Ice
- D7A36F
≈ Western Sunrise
Triadico +120° +240°
- E29A86
Shrimp
- 7DC097
≈ Willow Hedge
- 9FAAE9
≈ Maximum Blue Purple
Complementare divisa +150° +210°
- E29A86
Shrimp
- 63C2B7
≈ Tropic Tide
- 7DB5E6
≈ Aero
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.20:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--shrimp: #e29a86;
--shrimp-rgb: 226 154 134;
--shrimp-oklch: oklch(0.752 0.092 36.2);
}
.element {
color: var(--shrimp);
background-color: hsl(13 61% 71%);
border-color: oklch(0.752 0.092 36.2);
}Tailwind CSS v4
@theme {
--color-shrimp: #e29a86;
--color-shrimp-50: #ffede2;
--color-shrimp-100: #ffded2;
--color-shrimp-200: #f8c8b8;
--color-shrimp-300: #e1a896;
--color-shrimp-400: #ce8b78;
--color-shrimp-500: #ba6f5b;
--color-shrimp-600: #9d5e4d;
--color-shrimp-700: #7e4b3d;
--color-shrimp-800: #5e362d;
--color-shrimp-900: #42251e;
--color-shrimp-950: #2a130e;
}SCSS
$shrimp: #e29a86;
$shrimp-rgb: 226, 154, 134;
$shrimp-light: mix(#fff, $shrimp, 20%);
$shrimp-dark: mix(#000, $shrimp, 20%);
.element {
color: $shrimp;
box-shadow: 0 0 0 2px rgba($shrimp, 0.35);
}