Najbliższy nazwany kolor · #E48968
#E48968
Najbliższy nazwany kolor: Canyon Sunset
#E48968 (rgb(228 137 104), hsl(16 70% 65%), oklch(0.719 0.121 40.6)) jest najbliższy nazwanemu kolorowi Canyon Sunset. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E48968
oklch(0.719 0.121 40.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E89577
- EBA186
- EFAD95
- F2B9A4
- F5C4B3
- F7D0C2
- FADCD1
- FCE8E0
- FEF3F0
Odcienie ciemniejsze
- C67659
- A9644B
- 8D533E
- 724230
- 583124
- 3F2218
- 28140C
- 120704
- 030100
Tony
- DA896B
- D1886E
- C78871
- BD8773
- B38676
- A98578
- 9F847A
- 95837C
- 8B817E
Harmonie kolorów
Komplementarna +180°
- E48968
Canyon Sunset
- 2EB5D9
≈ Ocean Sigh
Analogowa -30° +30°
- E48968
Canyon Sunset
- E58392
≈ Melon Mist
- D49647
≈ Georgian Yellow
Triada +120° +240°
- E48968
Canyon Sunset
- 54BC8B
≈ Bleached Olive
- 969BEE
≈ Cold Lips
Komplementarna rozszczepiona +150° +210°
- E48968
Canyon Sunset
- 17BCB6
≈ Super Rare Jade
- 67A9ED
≈ Blue Jeans
Tetrada +90° +180° +270°
- E48968
Canyon Sunset
- 8AB460
≈ Broccoli
- 2EB5D9
≈ Ocean Sigh
- BC8EDC
≈ Luminous Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.59:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.07:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.07:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
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);
}