Màu có tên gần nhất · #E8A283
#E8A283
Màu có tên gần nhất: Les Demoiselles d’Avignon
#E8A283 (rgb(232 162 131), hsl(18 69% 71%), oklch(0.773 0.094 44.8)) gần nhất với màu có tên Les Demoiselles d’Avignon. 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.
#E8A283
oklch(0.773 0.094 44.8)
Chuyển đổi màu
- HEX
- #e8a283
- RGB
- rgb(232 162 131)
- HSL
- hsl(18 69% 71%)
- HWB
- hwb(18 51% 9%)
- OKLCH
- oklch(0.773 0.094 44.8)
- OKLab
- oklab(0.773 0.067 0.066)
- CIE Lab
- lab(73.04 24.08 27.1)
- LCH
- lch(73.04 36.25 48.4)
- CMYK
- cmyk(0% 30% 44% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EBAB8F
- EEB59C
- F0BEA8
- F3C7B4
- F5D1C1
- F8DACD
- FAE3D9
- FCECE6
- FDF6F2
Sắc đậm
- CA8C71
- AC7760
- 90634F
- 744F3F
- 593C2F
- 402A20
- 291912
- 130A06
- 030101
Sắc xám
- DE9F83
- D39C83
- C99883
- BE9583
- B49283
- AA8E82
- 9F8B82
- 958781
- 8A8481
Hòa sắc
Bổ túc +180°
- E8A283
Les Demoiselles d’Avignon
- 6DC2E2
≈ Mizu
Tương đồng -30° +30°
- E8A283
Les Demoiselles d’Avignon
- EB9CA2
≈ River Rouge
- D9AD6F
≈ Frankincense
Bộ ba +120° +240°
- E8A283
Les Demoiselles d’Avignon
- 78C8A6
≈ Minted Elegance
- AEADEF
≈ Maximum Blue Purple
Bổ túc chia +150° +210°
- E8A283
Les Demoiselles d’Avignon
- 64C8C7
≈ Chinese Lacquer
- 8CB8F0
≈ Electric Eel
Bộ bốn +90° +180° +270°
- E8A283
Les Demoiselles d’Avignon
- 9BC386
≈ Picnic
- 6DC2E2
≈ Mizu
- CCA3DF
≈ Spring Wisteria
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.11:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 9.92:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.92:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--les-demoiselles-d-avignon: #e8a283;
--les-demoiselles-d-avignon-rgb: 232 162 131;
--les-demoiselles-d-avignon-oklch: oklch(0.773 0.094 44.8);
}
.element {
color: var(--les-demoiselles-d-avignon);
background-color: hsl(18 69% 71%);
border-color: oklch(0.773 0.094 44.8);
}Tailwind CSS v4
@theme {
--color-les-demoiselles-d-avignon: #e8a283;
--color-les-demoiselles-d-avignon-50: #ffeedf;
--color-les-demoiselles-d-avignon-100: #ffdfce;
--color-les-demoiselles-d-avignon-200: #f7c9b3;
--color-les-demoiselles-d-avignon-300: #e0a98f;
--color-les-demoiselles-d-avignon-400: #cd8d70;
--color-les-demoiselles-d-avignon-500: #ba7150;
--color-les-demoiselles-d-avignon-600: #9d6044;
--color-les-demoiselles-d-avignon-700: #7e4d36;
--color-les-demoiselles-d-avignon-800: #5e3727;
--color-les-demoiselles-d-avignon-900: #42261a;
--color-les-demoiselles-d-avignon-950: #2a140b;
}SCSS
$les-demoiselles-d-avignon: #e8a283;
$les-demoiselles-d-avignon-rgb: 232, 162, 131;
$les-demoiselles-d-avignon-light: mix(#fff, $les-demoiselles-d-avignon, 20%);
$les-demoiselles-d-avignon-dark: mix(#000, $les-demoiselles-d-avignon, 20%);
.element {
color: $les-demoiselles-d-avignon;
box-shadow: 0 0 0 2px rgba($les-demoiselles-d-avignon, 0.35);
}