Colore con nome · #E2AB60
Sahara Shade
Sahara Shade è #E2AB60: rgb(226 171 96), hsl(35 69% 63%), oklch(0.777 0.113 73.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sahara Shade color name →
#E2AB60
oklch(0.777 0.113 73.4)
Conversioni di colore
- HEX
- #e2ab60
- RGB
- rgb(226 171 96)
- HSL
- hsl(35 69% 63%)
- HWB
- hwb(35 38% 11%)
- OKLCH
- oklch(0.777 0.113 73.4)
- OKLab
- oklab(0.777 0.032 0.108)
- CIE Lab
- lab(74.08 14.82 46.28)
- LCH
- lch(74.08 48.6 72.2)
- CMYK
- cmyk(0% 24% 58% 11%)
Tinte · Ombre · Toni
Tinte
- E5B472
- E8BC82
- ECC492
- EFCDA2
- F2D5B2
- F4DEC1
- F7E6D1
- FAEEE0
- FCF7F0
Ombre
- C49452
- A87E45
- 8C6838
- 71542C
- 574020
- 3E2D15
- 271B0A
- 120B03
- 030100
Toni
- D8A765
- CEA36A
- C49F6E
- BA9A71
- B19674
- A79277
- 9D8D7A
- 93897C
- 8A857E
Armonie di colore
Complementare +180°
- E2AB60
Sahara Shade
- 82BAFD
≈ Scenic Water
Analogo -30° +30°
- E2AB60
Sahara Shade
- F39E7B
≈ Cumquat Cream
- C3BA60
≈ Almond Puff
Triadico +120° +240°
- E2AB60
Sahara Shade
- 49CDCB
≈ May Day
- D0A1EA
≈ Bright Ube
Complementare divisa +150° +210°
- E2AB60
Sahara Shade
- 58C6EB
≈ Candid Blue
- ADADFC
≈ Shy Moment
Tetradico +90° +180° +270°
- E2AB60
Sahara Shade
- 6BCDA2
≈ Aquarium Blue
- 82BAFD
≈ Scenic Water
- E999C9
≈ Blossoms in Spring
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.05:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.22:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--sahara-shade: #e2ab60;
--sahara-shade-rgb: 226 171 96;
--sahara-shade-oklch: oklch(0.777 0.113 73.4);
}
.element {
color: var(--sahara-shade);
background-color: hsl(35 69% 63%);
border-color: oklch(0.777 0.113 73.4);
}Tailwind CSS v4
@theme {
--color-sahara-shade: #e2ab60;
--color-sahara-shade-50: #fff1d2;
--color-sahara-shade-100: #fee3bf;
--color-sahara-shade-200: #f1ce9e;
--color-sahara-shade-300: #d9b075;
--color-sahara-shade-400: #c7944d;
--color-sahara-shade-500: #b27919;
--color-sahara-shade-600: #976619;
--color-sahara-shade-700: #795215;
--color-sahara-shade-800: #5a3b0d;
--color-sahara-shade-900: #3f2808;
--color-sahara-shade-950: #281600;
}SCSS
$sahara-shade: #e2ab60;
$sahara-shade-rgb: 226, 171, 96;
$sahara-shade-light: mix(#fff, $sahara-shade, 20%);
$sahara-shade-dark: mix(#000, $sahara-shade, 20%);
.element {
color: $sahara-shade;
box-shadow: 0 0 0 2px rgba($sahara-shade, 0.35);
}