Màu có tên gần nhất · #EAD1AD
#EAD1AD
Màu có tên gần nhất: Champagne
#EAD1AD (rgb(234 209 173), hsl(35 59% 80%), oklch(0.872 0.055 76.9)) gần nhất với màu có tên Champagne. 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.
#EAD1AD
oklch(0.872 0.055 76.9)
Chuyển đổi màu
- HEX
- #ead1ad
- RGB
- rgb(234 209 173)
- HSL
- hsl(35 59% 80%)
- HWB
- hwb(35 68% 8%)
- OKLCH
- oklch(0.872 0.055 76.9)
- OKLab
- oklab(0.872 0.013 0.054)
- CIE Lab
- lab(85.28 5.03 21.29)
- LCH
- lch(85.28 21.87 76.7)
- CMYK
- cmyk(0% 11% 26% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ECD6B5
- EEDABD
- F0DFC6
- F3E3CE
- F5E8D6
- F7EDDE
- F9F1E6
- FBF6EF
- FDFAF7
Sắc đậm
- CBB596
- AE9B7F
- 91816A
- 756855
- 5A5041
- 41392D
- 29231B
- 13100B
- 030201
Sắc xám
- DFC9A9
- D4C0A4
- C9B8A0
- BEB09B
- B4A897
- A9A092
- 9F988E
- 949089
- 8A8885
Hòa sắc
Bổ túc +180°
- EAD1AD
Champagne
- BED7FA
≈ Oh Boy!
Tương đồng -30° +30°
- EAD1AD
Champagne
- F5CBB7
≈ Cape Sands
- D9D8AE
≈ Mǐ Bái Beige
Bộ ba +120° +240°
- EAD1AD
Champagne
- ABE1E1
≈ Blue Light
- E4CAEE
≈ Mousse aux Pruneaux
Bổ túc chia +150° +210°
- EAD1AD
Champagne
- AFDDF2
≈ Van Gogh Blue
- D2D0F8
≈ Pale Phthalo Blue
Bộ bốn +90° +180° +270°
- EAD1AD
Champagne
- B3E1CD
≈ Quiet Jade
- BED7FA
≈ Oh Boy!
- F2C7DC
≈ British Rose
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.47:1 · APCA Lc 23
Ag
AAATrên nền đen
WCAG 14.22:1 · APCA Lc 81
Màu chữ tốt nhất: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--champagne: #ead1ad;
--champagne-rgb: 234 209 173;
--champagne-oklch: oklch(0.872 0.055 76.9);
}
.element {
color: var(--champagne);
background-color: hsl(35 59% 80%);
border-color: oklch(0.872 0.055 76.9);
}Tailwind CSS v4
@theme {
--color-champagne: #ead1ad;
--color-champagne-50: #fef4e4;
--color-champagne-100: #f2e6d4;
--color-champagne-200: #e1d2ba;
--color-champagne-300: #c7b598;
--color-champagne-400: #b19b7a;
--color-champagne-500: #9b825c;
--color-champagne-600: #836e4f;
--color-champagne-700: #69583f;
--color-champagne-800: #4e402d;
--color-champagne-900: #362c1e;
--color-champagne-950: #21190e;
}SCSS
$champagne: #ead1ad;
$champagne-rgb: 234, 209, 173;
$champagne-light: mix(#fff, $champagne, 20%);
$champagne-dark: mix(#000, $champagne, 20%);
.element {
color: $champagne;
box-shadow: 0 0 0 2px rgba($champagne, 0.35);
}