Màu có tên gần nhất · #897264
#897264
Màu có tên gần nhất: Caribou
#897264 (rgb(137 114 100), hsl(23 16% 46%), oklch(0.57 0.036 53.1)) gần nhất với màu có tên Caribou. 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.
#897264
oklch(0.57 0.036 53.1)
Chuyển đổi màu
- HEX
- #897264
- RGB
- rgb(137 114 100)
- HSL
- hsl(23 16% 46%)
- HWB
- hwb(23 39% 46%)
- OKLCH
- oklch(0.57 0.036 53.1)
- OKLab
- oklab(0.57 0.022 0.029)
- CIE Lab
- lab(49.98 7.64 11.33)
- LCH
- lch(49.98 13.67 56)
- CMYK
- cmyk(0% 17% 27% 46%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 947F72
- A08D81
- AB9A90
- B7A89F
- C3B6AF
- CFC4BE
- DBD3CE
- E7E1DE
- F3F0EE
Sắc đậm
- 766256
- 645348
- 53443B
- 42362E
- 312822
- 221B16
- 140E0B
- 070403
- 010100
Sắc xám
- 887367
- 87756A
- 87766C
- 86786F
- 857972
- 847B75
- 837C78
- 827D7A
- 817F7D
Hòa sắc
Bổ túc +180°
- 897264
Caribou
- 637B89
≈ Passageway
Tương đồng -30° +30°
- 897264
Caribou
- 8C6F6D
≈ Touch of Class
- 827660
≈ Stonewall
Bộ ba +120° +240°
- 897264
Caribou
- 627F75
≈ Penzance
- 78748B
≈ Plum Shade
Bổ túc chia +150° +210°
- 897264
Caribou
- 5F7E81
≈ Refuge
- 6C788D
≈ Causeway
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.51:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.65:1 · APCA Lc 30
Màu chữ tốt nhất: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Đoạn mã
CSS
:root {
--caribou: #897264;
--caribou-rgb: 137 114 100;
--caribou-oklch: oklch(0.57 0.036 53.1);
}
.element {
color: var(--caribou);
background-color: hsl(23 16% 46%);
border-color: oklch(0.57 0.036 53.1);
}Tailwind CSS v4
@theme {
--color-caribou: #897264;
--color-caribou-50: #fef3ec;
--color-caribou-100: #f2e5dd;
--color-caribou-200: #e1d1c6;
--color-caribou-300: #c7b3a6;
--color-caribou-400: #b0998b;
--color-caribou-500: #9a8070;
--color-caribou-600: #826c5f;
--color-caribou-700: #68574c;
--color-caribou-800: #4d3f37;
--color-caribou-900: #352b26;
--color-caribou-950: #211914;
}SCSS
$caribou: #897264;
$caribou-rgb: 137, 114, 100;
$caribou-light: mix(#fff, $caribou, 20%);
$caribou-dark: mix(#000, $caribou, 20%);
.element {
color: $caribou;
box-shadow: 0 0 0 2px rgba($caribou, 0.35);
}