Màu có tên gần nhất · #B79474
#B79474
Màu có tên gần nhất: Cookie Crumb
#B79474 (rgb(183 148 116), hsl(29 32% 59%), oklch(0.691 0.061 64)) gần nhất với màu có tên Cookie Crumb. 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.
#B79474
oklch(0.691 0.061 64)
Chuyển đổi màu
- HEX
- #b79474
- RGB
- rgb(183 148 116)
- HSL
- hsl(29 32% 59%)
- HWB
- hwb(29 45% 28%)
- OKLCH
- oklch(0.691 0.061 64)
- OKLab
- oklab(0.691 0.027 0.055)
- CIE Lab
- lab(64.02 10.23 22.19)
- LCH
- lch(64.02 24.43 65.2)
- CMYK
- cmyk(0% 19% 37% 28%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- BE9E81
- C5A98F
- CDB39D
- D4BEAA
- DBC9B8
- E2D3C6
- E9DED4
- F1E9E2
- F8F4F1
Sắc đậm
- 9F8064
- 876D54
- 705A45
- 5A4837
- 453629
- 31261B
- 1E160F
- 0C0805
- 020101
Sắc xám
- B19276
- AC9077
- A78E78
- A18C7A
- 9C8A7B
- 96887C
- 91867D
- 8B847E
- 86827F
Hòa sắc
Bổ túc +180°
- B79474
Cookie Crumb
- 7BA0BF
≈ Ocean Surf
Tương đồng -30° +30°
- B79474
Cookie Crumb
- BE8E83
≈ Venetian Pink
- A89B70
≈ Sunbaked Adobe
Bộ ba +120° +240°
- B79474
Cookie Crumb
- 6FA8A0
≈ Steel Pan Mallet
- A493BB
≈ Yolanda
Bổ túc chia +150° +210°
- B79474
Cookie Crumb
- 6EA6B3
≈ Stillwater
- 8F99C2
≈ Manifest Destiny
Bộ bốn +90° +180° +270°
- B79474
Cookie Crumb
- 7EA78A
≈ Green Globe
- 7BA0BF
≈ Ocean Surf
- B48EAB
≈ Soft Impact
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.79:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.50:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--cookie-crumb: #b79474;
--cookie-crumb-rgb: 183 148 116;
--cookie-crumb-oklch: oklch(0.691 0.061 64);
}
.element {
color: var(--cookie-crumb);
background-color: hsl(29 32% 59%);
border-color: oklch(0.691 0.061 64);
}Tailwind CSS v4
@theme {
--color-cookie-crumb: #b79474;
--color-cookie-crumb-50: #fff2e3;
--color-cookie-crumb-100: #f7e4d3;
--color-cookie-crumb-200: #e7d0b9;
--color-cookie-crumb-300: #ceb297;
--color-cookie-crumb-400: #b99779;
--color-cookie-crumb-500: #a37e5b;
--color-cookie-crumb-600: #8a6b4d;
--color-cookie-crumb-700: #6f553e;
--color-cookie-crumb-800: #523e2c;
--color-cookie-crumb-900: #392a1e;
--color-cookie-crumb-950: #23180e;
}SCSS
$cookie-crumb: #b79474;
$cookie-crumb-rgb: 183, 148, 116;
$cookie-crumb-light: mix(#fff, $cookie-crumb, 20%);
$cookie-crumb-dark: mix(#000, $cookie-crumb, 20%);
.element {
color: $cookie-crumb;
box-shadow: 0 0 0 2px rgba($cookie-crumb, 0.35);
}