Màu có tên gần nhất · #D49B71
#D49B71
Màu có tên gần nhất: Coyote
#D49B71 (rgb(212 155 113), hsl(25 54% 64%), oklch(0.734 0.089 57.2)) gần nhất với màu có tên Coyote. 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.
#D49B71
oklch(0.734 0.089 57.2)
Chuyển đổi màu
- HEX
- #d49b71
- RGB
- rgb(212 155 113)
- HSL
- hsl(25 54% 64%)
- HWB
- hwb(25 44% 17%)
- OKLCH
- oklch(0.734 0.089 57.2)
- OKLab
- oklab(0.734 0.048 0.075)
- CIE Lab
- lab(68.86 18.28 30.81)
- LCH
- lch(68.86 35.82 59.3)
- CMYK
- cmyk(0% 27% 47% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9A57F
- DDAF8D
- E2B99B
- E6C3A9
- EBCDB8
- EFD7C6
- F3E1D4
- F7EBE2
- FBF5F1
Sắc đậm
- B88661
- 9D7252
- 835E43
- 694B35
- 513927
- 3A281A
- 24180E
- 100904
- 020101
Sắc xám
- CC9873
- C39675
- BB9377
- B29179
- AA8E7A
- A28B7C
- 99897D
- 91867E
- 88837F
Hòa sắc
Bổ túc +180°
- D49B71
Coyote
- 71B2DA
≈ Milky Waves
Tương đồng -30° +30°
- D49B71
Coyote
- DB948B
≈ Tuscan Image
- C1A666
≈ Spring Roll
Bộ ba +120° +240°
- D49B71
Coyote
- 66BCA8
≈ Bath Turquoise
- AF9DDA
≈ Violet Velvet
Bổ túc chia +150° +210°
- D49B71
Coyote
- 5EB9C6
≈ Shinbashi
- 90A8E2
≈ Queer Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.40:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.72:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--coyote: #d49b71;
--coyote-rgb: 212 155 113;
--coyote-oklch: oklch(0.734 0.089 57.2);
}
.element {
color: var(--coyote);
background-color: hsl(25 54% 64%);
border-color: oklch(0.734 0.089 57.2);
}Tailwind CSS v4
@theme {
--color-coyote: #d49b71;
--color-coyote-50: #fff0dd;
--color-coyote-100: #ffe2cb;
--color-coyote-200: #f2ccaf;
--color-coyote-300: #daad8a;
--color-coyote-400: #c7916a;
--color-coyote-500: #b27648;
--color-coyote-600: #97643e;
--color-coyote-700: #795031;
--color-coyote-800: #5a3a23;
--color-coyote-900: #3f2817;
--color-coyote-950: #281608;
}SCSS
$coyote: #d49b71;
$coyote-rgb: 212, 155, 113;
$coyote-light: mix(#fff, $coyote, 20%);
$coyote-dark: mix(#000, $coyote, 20%);
.element {
color: $coyote;
box-shadow: 0 0 0 2px rgba($coyote, 0.35);
}