Colore con nome · #E2C3A6
Apricot Illusion
Apricot Illusion è #E2C3A6: rgb(226 195 166), hsl(29 51% 77%), oklch(0.836 0.053 65.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Apricot Illusion color name →
#E2C3A6
oklch(0.836 0.053 65.1)
Conversioni di colore
- HEX
- #e2c3a6
- RGB
- rgb(226 195 166)
- HSL
- hsl(29 51% 77%)
- HWB
- hwb(29 65% 11%)
- OKLCH
- oklch(0.836 0.053 65.1)
- OKLab
- oklab(0.836 0.022 0.048)
- CIE Lab
- lab(80.94 8.17 18.91)
- LCH
- lch(80.94 20.6 66.6)
- CMYK
- cmyk(0% 14% 27% 11%)
Tinte · Ombre · Toni
Tinte
- E5C9AF
- E8CFB8
- EBD5C0
- EEDBC9
- F1E1D2
- F4E7DB
- F7EDE4
- F9F3ED
- FCF9F6
Ombre
- C4A990
- A8907A
- 8C7865
- 716051
- 574A3E
- 3E342B
- 27201A
- 120E0A
- 030201
Toni
- D8BCA2
- CEB59F
- C4AE9B
- BAA897
- B0A193
- A69A8F
- 9D948C
- 938D88
- 898784
Armonie di colore
Complementare +180°
- E2C3A6
Apricot Illusion
- AECEEA
≈ Gentle Wind
Analogo -30° +30°
- E2C3A6
Apricot Illusion
- E9BEB2
≈ Virgin Peach
- D4CAA3
≈ Hay
Triadico +120° +240°
- E2C3A6
Apricot Illusion
- A3D5CE
≈ Touch of Turquoise
- D1C1E5
≈ York Plum
Complementare divisa +150° +210°
- E2C3A6
Apricot Illusion
- A3D3DF
≈ French Pass
- BFC7EC
≈ Pale Wisteria
Tetradico +90° +180° +270°
- E2C3A6
Apricot Illusion
- AFD4BB
≈ Enchanted Meadow
- AECEEA
≈ Gentle Wind
- E0BDD7
≈ Designer Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.59:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.59:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--apricot-illusion: #e2c3a6;
--apricot-illusion-rgb: 226 195 166;
--apricot-illusion-oklch: oklch(0.836 0.053 65.1);
}
.element {
color: var(--apricot-illusion);
background-color: hsl(29 51% 77%);
border-color: oklch(0.836 0.053 65.1);
}Tailwind CSS v4
@theme {
--color-apricot-illusion: #e2c3a6;
--color-apricot-illusion-50: #fff3e6;
--color-apricot-illusion-100: #f4e5d6;
--color-apricot-illusion-200: #e4d0bd;
--color-apricot-illusion-300: #cab39b;
--color-apricot-illusion-400: #b5997e;
--color-apricot-illusion-500: #9f7f61;
--color-apricot-illusion-600: #866c53;
--color-apricot-illusion-700: #6c5642;
--color-apricot-illusion-800: #503f2f;
--color-apricot-illusion-900: #372b20;
--color-apricot-illusion-950: #221810;
}SCSS
$apricot-illusion: #e2c3a6;
$apricot-illusion-rgb: 226, 195, 166;
$apricot-illusion-light: mix(#fff, $apricot-illusion, 20%);
$apricot-illusion-dark: mix(#000, $apricot-illusion, 20%);
.element {
color: $apricot-illusion;
box-shadow: 0 0 0 2px rgba($apricot-illusion, 0.35);
}