Màu có tên gần nhất · #D7B296
#D7B296
Màu có tên gần nhất: Cashmere
#D7B296 (rgb(215 178 150), hsl(26 45% 72%), oklch(0.789 0.058 58.9)) gần nhất với màu có tên Cashmere. 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.
#D7B296
oklch(0.789 0.058 58.9)
Chuyển đổi màu
- HEX
- #d7b296
- RGB
- rgb(215 178 150)
- HSL
- hsl(26 45% 72%)
- HWB
- hwb(26 59% 16%)
- OKLCH
- oklch(0.789 0.058 58.9)
- OKLab
- oklab(0.789 0.03 0.049)
- CIE Lab
- lab(75.38 10.85 19.65)
- LCH
- lch(75.38 22.45 61.1)
- CMYK
- cmyk(0% 17% 30% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DBBAA0
- DFC1AB
- E3C9B5
- E7D0BF
- EBD8CA
- EFE0D4
- F3E8DF
- F7EFEA
- FBF7F4
Sắc đậm
- BB9A82
- 9F836E
- 856D5B
- 6B5749
- 524337
- 3B2F26
- 251D16
- 110C08
- 020101
Sắc xám
- CEAD94
- C5A892
- BCA390
- B49E8E
- AB998B
- A29489
- 9A8F87
- 918A85
- 888582
Hòa sắc
Bổ túc +180°
- D7B296
Cashmere
- 99C0DC
≈ January Frost
Tương đồng -30° +30°
- D7B296
Cashmere
- DDADA5
≈ Pale Blush
- C9B990
≈ Earth Friendly
Bộ ba +120° +240°
- D7B296
Cashmere
- 92C7BB
≈ Float Your Boat
- BFB3DB
≈ Moonraker
Bổ túc chia +150° +210°
- D7B296
Cashmere
- 8FC5CE
≈ Cosmic Blue
- ABB9E0
≈ French Lilac 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 1.96:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.69:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--cashmere: #d7b296;
--cashmere-rgb: 215 178 150;
--cashmere-oklch: oklch(0.789 0.058 58.9);
}
.element {
color: var(--cashmere);
background-color: hsl(26 45% 72%);
border-color: oklch(0.789 0.058 58.9);
}Tailwind CSS v4
@theme {
--color-cashmere: #d7b296;
--color-cashmere-50: #fff2e5;
--color-cashmere-100: #f7e4d5;
--color-cashmere-200: #e7cfbc;
--color-cashmere-300: #ceb19a;
--color-cashmere-400: #b9977d;
--color-cashmere-500: #a37d60;
--color-cashmere-600: #8a6a51;
--color-cashmere-700: #6f5541;
--color-cashmere-800: #523d2f;
--color-cashmere-900: #392a20;
--color-cashmere-950: #23180f;
}SCSS
$cashmere: #d7b296;
$cashmere-rgb: 215, 178, 150;
$cashmere-light: mix(#fff, $cashmere, 20%);
$cashmere-dark: mix(#000, $cashmere, 20%);
.element {
color: $cashmere;
box-shadow: 0 0 0 2px rgba($cashmere, 0.35);
}