Màu có tên gần nhất · #EBE4C7
#EBE4C7
Màu có tên gần nhất: Horseradish
#EBE4C7 (rgb(235 228 199), hsl(48 47% 85%), oklch(0.917 0.039 95.9)) gần nhất với màu có tên Horseradish. 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.
#EBE4C7
oklch(0.917 0.039 95.9)
Chuyển đổi màu
- HEX
- #ebe4c7
- RGB
- rgb(235 228 199)
- HSL
- hsl(48 47% 85%)
- HWB
- hwb(48 78% 8%)
- OKLCH
- oklch(0.917 0.039 95.9)
- OKLab
- oklab(0.917 -0.004 0.039)
- CIE Lab
- lab(90.58 -1.06 15.11)
- LCH
- lch(90.58 15.15 94)
- CMYK
- cmyk(0% 3% 15% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDE7CD
- EFE9D2
- F1ECD8
- F3EFDD
- F5F2E3
- F7F4E9
- F9F7EE
- FBFAF4
- FDFCF9
Sắc đậm
- CCC6AD
- AEA993
- 918D7A
- 757262
- 5B584C
- 413F36
- 292821
- 13120E
- 030302
Sắc xám
- E0DAC0
- D5CFB8
- CAC5B1
- BFBBAA
- B4B1A3
- A9A79C
- 9F9D95
- 94938E
- 8A8A87
Hòa sắc
Bổ túc +180°
- EBE4C7
Horseradish
- DCE2FE
≈ Stoic White
Tương đồng -30° +30°
- EBE4C7
Horseradish
- F6DFC9
≈ Almeja
- DDE9CD
≈ Whiff of Green
Bộ ba +120° +240°
- EBE4C7
Horseradish
- C7EBF4
≈ Frosty Day
- F5DAEE
≈ Grape Taffy
Bổ túc chia +150° +210°
- EBE4C7
Horseradish
- CFE7FD
≈ Veiling Waterfalls
- EADDF9
≈ Lavender Savour
Bộ bốn +90° +180° +270°
- EBE4C7
Horseradish
- C8EDE7
≈ Spearmint Leaf
- DCE2FE
≈ Stoic White
- FCD9DF
≈ Wishful Thinking
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.27:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.45:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--horseradish: #ebe4c7;
--horseradish-rgb: 235 228 199;
--horseradish-oklch: oklch(0.917 0.039 95.9);
}
.element {
color: var(--horseradish);
background-color: hsl(48 47% 85%);
border-color: oklch(0.917 0.039 95.9);
}Tailwind CSS v4
@theme {
--color-horseradish: #ebe4c7;
--color-horseradish-50: #f8f5e9;
--color-horseradish-100: #ebe8da;
--color-horseradish-200: #d8d5c2;
--color-horseradish-300: #bcb8a2;
--color-horseradish-400: #a59f85;
--color-horseradish-500: #8e8669;
--color-horseradish-600: #787259;
--color-horseradish-700: #605b47;
--color-horseradish-800: #474233;
--color-horseradish-900: #312e23;
--color-horseradish-950: #1d1b12;
}SCSS
$horseradish: #ebe4c7;
$horseradish-rgb: 235, 228, 199;
$horseradish-light: mix(#fff, $horseradish, 20%);
$horseradish-dark: mix(#000, $horseradish, 20%);
.element {
color: $horseradish;
box-shadow: 0 0 0 2px rgba($horseradish, 0.35);
}