Màu có tên gần nhất · #DEA280
#DEA280
Màu có tên gần nhất: Les Demoiselles d’Avignon
#DEA280 (rgb(222 162 128), hsl(22 59% 69%), oklch(0.761 0.085 50.6)) 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.
#DEA280
oklch(0.761 0.085 50.6)
Chuyển đổi màu
- HEX
- #dea280
- RGB
- rgb(222 162 128)
- HSL
- hsl(22 59% 69%)
- HWB
- hwb(22 50% 13%)
- OKLCH
- oklch(0.761 0.085 50.6)
- OKLab
- oklab(0.761 0.054 0.066)
- CIE Lab
- lab(71.87 19.86 26.92)
- LCH
- lch(71.87 33.46 53.6)
- CMYK
- cmyk(0% 27% 42% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E2AB8D
- E6B599
- E9BEA6
- EDC7B2
- F0D0BF
- F3DACC
- F6E3D8
- F9ECE5
- FCF6F2
Sắc đậm
- C18C6E
- A5775D
- 89634D
- 6F4F3D
- 553C2E
- 3D2A1F
- 261912
- 120A06
- 020101
Sắc xám
- D59F80
- CB9B81
- C29881
- B89581
- AF9181
- A68E81
- 9C8B81
- 938781
- 898480
Hòa sắc
Bổ túc +180°
- DEA280
Les Demoiselles d’Avignon
- 76BCDE
≈ Costa Rica Blue
Tương đồng -30° +30°
- DEA280
Les Demoiselles d’Avignon
- E39C9A
≈ Mexicali Rose
- CEAC72
≈ More Maple
Bộ ba +120° +240°
- DEA280
Les Demoiselles d’Avignon
- 77C3AA
≈ Green Balloon
- B1A8E4
≈ Maximum Blue Purple
Bổ túc chia +150° +210°
- DEA280
Les Demoiselles d’Avignon
- 6AC2C7
≈ Luna Moona
- 92B2E8
≈ Blue Skies Today
Bộ bốn +90° +180° +270°
- DEA280
Les Demoiselles d’Avignon
- 94BF8C
≈ Olive Sand
- 76BCDE
≈ Costa Rica Blue
- CAA0D3
≈ Lilac Lace
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.19:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.58:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--les-demoiselles-d-avignon: #dea280;
--les-demoiselles-d-avignon-rgb: 222 162 128;
--les-demoiselles-d-avignon-oklch: oklch(0.761 0.085 50.6);
}
.element {
color: var(--les-demoiselles-d-avignon);
background-color: hsl(22 59% 69%);
border-color: oklch(0.761 0.085 50.6);
}Tailwind CSS v4
@theme {
--color-les-demoiselles-d-avignon: #dea280;
--color-les-demoiselles-d-avignon-50: #ffefdf;
--color-les-demoiselles-d-avignon-100: #ffe1ce;
--color-les-demoiselles-d-avignon-200: #f3cbb3;
--color-les-demoiselles-d-avignon-300: #dbac8f;
--color-les-demoiselles-d-avignon-400: #c89070;
--color-les-demoiselles-d-avignon-500: #b37551;
--color-les-demoiselles-d-avignon-600: #986345;
--color-les-demoiselles-d-avignon-700: #7a4f37;
--color-les-demoiselles-d-avignon-800: #5a3927;
--color-les-demoiselles-d-avignon-900: #3f271a;
--color-les-demoiselles-d-avignon-950: #28150b;
}SCSS
$les-demoiselles-d-avignon: #dea280;
$les-demoiselles-d-avignon-rgb: 222, 162, 128;
$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);
}