Màu có tên · #D0B7A4
Cocoa Dust
Cocoa Dust là #D0B7A4: rgb(208 183 164), hsl(26 32% 73%), oklch(0.796 0.039 59.4). 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.
What does Orange mean? → · Cocoa Dust color name →
#D0B7A4
oklch(0.796 0.039 59.4)
Chuyển đổi màu
- HEX
- #d0b7a4
- RGB
- rgb(208 183 164)
- HSL
- hsl(26 32% 73%)
- HWB
- hwb(26 64% 18%)
- OKLCH
- oklch(0.796 0.039 59.4)
- OKLab
- oklab(0.796 0.02 0.034)
- CIE Lab
- lab(76.21 7.03 13.16)
- LCH
- lch(76.21 14.92 61.9)
- CMYK
- cmyk(0% 12% 21% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D5BEAD
- D9C5B6
- DECCBF
- E3D3C8
- E8DBD1
- ECE2DA
- F1E9E3
- F6F0EC
- FAF8F6
Sắc đậm
- B59F8E
- 9A8779
- 807064
- 675A50
- 4F453D
- 39312B
- 231E1A
- 100C0A
- 020201
Sắc xám
- C8B1A0
- C0AC9D
- B7A699
- AFA196
- A79B92
- 9F968E
- 97908B
- 908B87
- 888584
Hòa sắc
Bổ túc +180°
- D0B7A4
Cocoa Dust
- A6C0D3
≈ Simpatico Blue
Tương đồng -30° +30°
- D0B7A4
Cocoa Dust
- D4B4AE
≈ Oyster Pink
- C6BCA1
≈ Chopped Almonds
Bộ ba +120° +240°
- D0B7A4
Cocoa Dust
- A2C5BD
≈ New-Age Green
- C0B7D2
≈ Savile Row
Bổ túc chia +150° +210°
- D0B7A4
Cocoa Dust
- A0C4CA
≈ Agua Fría
- B2BCD6
≈ Pigeon Post
Bộ bốn +90° +180° +270°
- D0B7A4
Cocoa Dust
- ACC4AF
≈ Spring Leaves
- A6C0D3
≈ Simpatico Blue
- CBB4C9
≈ Janey’s Party
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.91:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 10.99:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
CSS
:root {
--cocoa-dust: #d0b7a4;
--cocoa-dust-rgb: 208 183 164;
--cocoa-dust-oklch: oklch(0.796 0.039 59.4);
}
.element {
color: var(--cocoa-dust);
background-color: hsl(26 32% 73%);
border-color: oklch(0.796 0.039 59.4);
}Tailwind CSS v4
@theme {
--color-cocoa-dust: #d0b7a4;
--color-cocoa-dust-50: #fef3ea;
--color-cocoa-dust-100: #f2e5db;
--color-cocoa-dust-200: #e1d1c4;
--color-cocoa-dust-300: #c7b3a4;
--color-cocoa-dust-400: #b09988;
--color-cocoa-dust-500: #9a806d;
--color-cocoa-dust-600: #826d5c;
--color-cocoa-dust-700: #68574a;
--color-cocoa-dust-800: #4d3f35;
--color-cocoa-dust-900: #362c24;
--color-cocoa-dust-950: #211913;
}SCSS
$cocoa-dust: #d0b7a4;
$cocoa-dust-rgb: 208, 183, 164;
$cocoa-dust-light: mix(#fff, $cocoa-dust, 20%);
$cocoa-dust-dark: mix(#000, $cocoa-dust, 20%);
.element {
color: $cocoa-dust;
box-shadow: 0 0 0 2px rgba($cocoa-dust, 0.35);
}