Couleur nommée la plus proche · #E48968
#E48968
Couleur nommée la plus proche: Canyon Sunset
#E48968 (rgb(228 137 104), hsl(16 70% 65%), oklch(0.719 0.121 40.6)) est la plus proche de la couleur nommée Canyon Sunset. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E48968
oklch(0.719 0.121 40.6)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E89577
- EBA186
- EFAD95
- F2B9A4
- F5C4B3
- F7D0C2
- FADCD1
- FCE8E0
- FEF3F0
Ombres
- C67659
- A9644B
- 8D533E
- 724230
- 583124
- 3F2218
- 28140C
- 120704
- 030100
Tons
- DA896B
- D1886E
- C78871
- BD8773
- B38676
- A98578
- 9F847A
- 95837C
- 8B817E
Harmonies de couleurs
Complémentaire +180°
- E48968
Canyon Sunset
- 2EB5D9
≈ Ocean Sigh
Analogue -30° +30°
- E48968
Canyon Sunset
- E58392
≈ Melon Mist
- D49647
≈ Georgian Yellow
Triadique +120° +240°
- E48968
Canyon Sunset
- 54BC8B
≈ Bleached Olive
- 969BEE
≈ Cold Lips
Complémentaire divisée +150° +210°
- E48968
Canyon Sunset
- 17BCB6
≈ Super Rare Jade
- 67A9ED
≈ Blue Jeans
Tétradique +90° +180° +270°
- E48968
Canyon Sunset
- 8AB460
≈ Broccoli
- 2EB5D9
≈ Ocean Sigh
- BC8EDC
≈ Luminous Lavender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.59:1 · APCA Lc 50
Ag
AAASur noir
WCAG 8.07:1 · APCA Lc 51
Meilleure couleur de texte: #000000
WCAG 8.07:1 (AAA) · APCA Lc 51
Contrast pairs
Extraits de code
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);
}