Màu có tên gần nhất · #E48968
#E48968
Màu có tên gần nhất: Canyon Sunset
#E48968 (rgb(228 137 104), hsl(16 70% 65%), oklch(0.719 0.121 40.6)) gần nhất với màu có tên Canyon Sunset. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#E48968
oklch(0.719 0.121 40.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E89577
- EBA186
- EFAD95
- F2B9A4
- F5C4B3
- F7D0C2
- FADCD1
- FCE8E0
- FEF3F0
Sắc đậm
- C67659
- A9644B
- 8D533E
- 724230
- 583124
- 3F2218
- 28140C
- 120704
- 030100
Sắc xám
- DA896B
- D1886E
- C78871
- BD8773
- B38676
- A98578
- 9F847A
- 95837C
- 8B817E
Hòa sắc
Bổ túc +180°
- E48968
Canyon Sunset
- 2EB5D9
≈ Ocean Sigh
Tương đồng -30° +30°
- E48968
Canyon Sunset
- E58392
≈ Melon Mist
- D49647
≈ Georgian Yellow
Bộ ba +120° +240°
- E48968
Canyon Sunset
- 54BC8B
≈ Bleached Olive
- 969BEE
≈ Cold Lips
Bổ túc chia +150° +210°
- E48968
Canyon Sunset
- 17BCB6
≈ Super Rare Jade
- 67A9ED
≈ Blue Jeans
Bộ bốn +90° +180° +270°
- E48968
Canyon Sunset
- 8AB460
≈ Broccoli
- 2EB5D9
≈ Ocean Sigh
- BC8EDC
≈ Luminous Lavender
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.59:1 · APCA Lc 50
Ag
AAATrên nền đen
WCAG 8.07:1 · APCA Lc 51
Màu chữ tốt nhất: #000000
WCAG 8.07:1 (AAA) · APCA Lc 51
Contrast pairs
Đoạn mã
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);
}