Colore con nome più vicino · #E48968
#E48968
Colore con nome più vicino: Canyon Sunset
#E48968 (rgb(228 137 104), hsl(16 70% 65%), oklch(0.719 0.121 40.6)) è più vicino al colore con nome Canyon Sunset. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E48968
oklch(0.719 0.121 40.6)
Conversioni di colore
- HEX
- #e48968
- RGB
- rgb(228 137 104)
- HSL
- hsl(16 70% 65%)
- HWB
- hwb(16 41% 11%)
- OKLCH
- oklch(0.719 0.121 40.6)
- OKLab
- oklab(0.719 0.092 0.079)
- CIE Lab
- lab(66.55 33.3 33.22)
- LCH
- lch(66.55 47.04 44.9)
- CMYK
- cmyk(0% 40% 54% 11%)
Tinte · Ombre · Toni
Tinte
- E89577
- EBA186
- EFAD95
- F2B9A4
- F5C4B3
- F7D0C2
- FADCD1
- FCE8E0
- FEF3F0
Ombre
- C67659
- A9644B
- 8D533E
- 724230
- 583124
- 3F2218
- 28140C
- 120704
- 030100
Toni
- DA896B
- D1886E
- C78871
- BD8773
- B38676
- A98578
- 9F847A
- 95837C
- 8B817E
Armonie di colore
Complementare +180°
- E48968
Canyon Sunset
- 2EB5D9
≈ Ocean Sigh
Analogo -30° +30°
- E48968
Canyon Sunset
- E58392
≈ Melon Mist
- D49647
≈ Georgian Yellow
Triadico +120° +240°
- E48968
Canyon Sunset
- 54BC8B
≈ Bleached Olive
- 969BEE
≈ Cold Lips
Complementare divisa +150° +210°
- E48968
Canyon Sunset
- 17BCB6
≈ Super Rare Jade
- 67A9ED
≈ Blue Jeans
Tetradico +90° +180° +270°
- E48968
Canyon Sunset
- 8AB460
≈ Broccoli
- 2EB5D9
≈ Ocean Sigh
- BC8EDC
≈ Luminous Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.59:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.07:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.07:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--canyon-sunset: #e48968;
--canyon-sunset-rgb: 228 137 104;
--canyon-sunset-oklch: oklch(0.719 0.121 40.6);
}
.element {
color: var(--canyon-sunset);
background-color: hsl(16 70% 65%);
border-color: oklch(0.719 0.121 40.6);
}Tailwind CSS v4
@theme {
--color-canyon-sunset: #e48968;
--color-canyon-sunset-50: #ffebda;
--color-canyon-sunset-100: #ffdcc8;
--color-canyon-sunset-200: #ffc4ac;
--color-canyon-sunset-300: #eda386;
--color-canyon-sunset-400: #db8566;
--color-canyon-sunset-500: #c86743;
--color-canyon-sunset-600: #a9583a;
--color-canyon-sunset-700: #87462e;
--color-canyon-sunset-800: #653221;
--color-canyon-sunset-900: #472216;
--color-canyon-sunset-950: #2e1107;
}SCSS
$canyon-sunset: #e48968;
$canyon-sunset-rgb: 228, 137, 104;
$canyon-sunset-light: mix(#fff, $canyon-sunset, 20%);
$canyon-sunset-dark: mix(#000, $canyon-sunset, 20%);
.element {
color: $canyon-sunset;
box-shadow: 0 0 0 2px rgba($canyon-sunset, 0.35);
}