Màu có tên gần nhất · #E7C5B9
#E7C5B9
Màu có tên gần nhất: Mellow Marrow
#E7C5B9 (rgb(231 197 185), hsl(16 49% 82%), oklch(0.849 0.042 40.4)) gần nhất với màu có tên Mellow Marrow. 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.
#E7C5B9
oklch(0.849 0.042 40.4)
Chuyển đổi màu
- HEX
- #e7c5b9
- RGB
- rgb(231 197 185)
- HSL
- hsl(16 49% 82%)
- HWB
- hwb(16 73% 9%)
- OKLCH
- oklch(0.849 0.042 40.4)
- OKLab
- oklab(0.849 0.032 0.027)
- CIE Lab
- lab(82.24 11.07 10.74)
- LCH
- lch(82.24 15.42 44.1)
- CMYK
- cmyk(0% 15% 20% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EACBC0
- ECD0C7
- EFD6CE
- F1DCD5
- F3E2DC
- F6E8E3
- F8EDEA
- FAF3F1
- FDF9F8
Sắc đậm
- C9ABA0
- AB9289
- 8F7971
- 73615B
- 594B46
- 403531
- 28211E
- 130E0D
- 030202
Sắc xám
- DCBEB3
- D2B7AD
- C7B0A8
- BDA9A2
- B2A29C
- A89B96
- 9E9491
- 948D8B
- 8A8786
Hòa sắc
Bổ túc +180°
- E7C5B9
Mellow Marrow
- B0D5E1
≈ Foamy Surf
Tương đồng -30° +30°
- E7C5B9
Mellow Marrow
- E8C3C7
≈ Cranapple Cream
- E0C9B0
≈ Warm Shell
Bộ ba +120° +240°
- E7C5B9
Mellow Marrow
- B7D7C4
≈ Chlorophyll Cream
- C8CBE9
≈ Ace
Bổ túc chia +150° +210°
- E7C5B9
Mellow Marrow
- AFD7D4
≈ Sugar Pool
- BAD0E9
≈ Modern Blue
Bộ bốn +90° +180° +270°
- E7C5B9
Mellow Marrow
- C4D4B7
≈ Hidden Hills
- B0D5E1
≈ Foamy Surf
- D6C6E3
≈ Foggy Love
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.60:1 · APCA Lc 27
Ag
AAATrên nền đen
WCAG 13.08:1 · APCA Lc 76
Màu chữ tốt nhất: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--mellow-marrow: #e7c5b9;
--mellow-marrow-rgb: 231 197 185;
--mellow-marrow-oklch: oklch(0.849 0.042 40.4);
}
.element {
color: var(--mellow-marrow);
background-color: hsl(16 49% 82%);
border-color: oklch(0.849 0.042 40.4);
}Tailwind CSS v4
@theme {
--color-mellow-marrow: #e7c5b9;
--color-mellow-marrow-50: #fff2ec;
--color-mellow-marrow-100: #f5e4dd;
--color-mellow-marrow-200: #e5cfc6;
--color-mellow-marrow-300: #cbb1a7;
--color-mellow-marrow-400: #b5978c;
--color-mellow-marrow-500: #9f7d71;
--color-mellow-marrow-600: #876a60;
--color-mellow-marrow-700: #6c554d;
--color-mellow-marrow-800: #503e38;
--color-mellow-marrow-900: #382a26;
--color-mellow-marrow-950: #221815;
}SCSS
$mellow-marrow: #e7c5b9;
$mellow-marrow-rgb: 231, 197, 185;
$mellow-marrow-light: mix(#fff, $mellow-marrow, 20%);
$mellow-marrow-dark: mix(#000, $mellow-marrow, 20%);
.element {
color: $mellow-marrow;
box-shadow: 0 0 0 2px rgba($mellow-marrow, 0.35);
}