Màu có tên · #DBC8A2
Straw Harvest
Straw Harvest là #DBC8A2: rgb(219 200 162), hsl(40 44% 75%), oklch(0.839 0.055 84.5). 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? → · Straw Harvest color name →
#DBC8A2
oklch(0.839 0.055 84.5)
Chuyển đổi màu
- HEX
- #dbc8a2
- RGB
- rgb(219 200 162)
- HSL
- hsl(40 44% 75%)
- HWB
- hwb(40 64% 14%)
- OKLCH
- oklch(0.839 0.055 84.5)
- OKLab
- oklab(0.839 0.005 0.055)
- CIE Lab
- lab(81.49 2.6 21.63)
- LCH
- lch(81.49 21.79 83.2)
- CMYK
- cmyk(0% 9% 26% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFCDAB
- E2D3B5
- E6D8BE
- E9DEC7
- EDE3D0
- F1E9DA
- F4EEE3
- F8F4EC
- FBF9F6
Sắc đậm
- BEAE8C
- A29477
- 877B63
- 6D634F
- 544C3C
- 3C362A
- 262119
- 110F0A
- 020201
Sắc xám
- D2C19F
- C8B99B
- BFB298
- B6AB95
- ACA391
- A39C8E
- 9A958B
- 928E87
- 898784
Hòa sắc
Bổ túc +180°
- DBC8A2
Straw Harvest
- B9CAEF
≈ Cuddle
Tương đồng -30° +30°
- DBC8A2
Straw Harvest
- E8C1A9
≈ Copper Blush
- C9CFA6
≈ Baize Green
Bộ ba +120° +240°
- DBC8A2
Straw Harvest
- A0D5DB
≈ Midwinter Mist
- DDBFDF
≈ Sky Blue Pink
Bổ túc chia +150° +210°
- DBC8A2
Straw Harvest
- A8D1E9
≈ Little Pond
- CCC4EB
≈ Soap
Bộ bốn +90° +180° +270°
- DBC8A2
Straw Harvest
- A6D6C8
≈ Yucca Cream
- B9CAEF
≈ Cuddle
- E8BCCC
≈ Pink Mist
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.64:1 · APCA Lc 28
Ag
AAATrên nền đen
WCAG 12.79:1 · APCA Lc 74
Màu chữ tốt nhất: #000000
WCAG 12.79:1 (AAA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--straw-harvest: #dbc8a2;
--straw-harvest-rgb: 219 200 162;
--straw-harvest-oklch: oklch(0.839 0.055 84.5);
}
.element {
color: var(--straw-harvest);
background-color: hsl(40 44% 75%);
border-color: oklch(0.839 0.055 84.5);
}Tailwind CSS v4
@theme {
--color-straw-harvest: #dbc8a2;
--color-straw-harvest-50: #fcf4e4;
--color-straw-harvest-100: #f0e7d4;
--color-straw-harvest-200: #dfd3ba;
--color-straw-harvest-300: #c4b698;
--color-straw-harvest-400: #ae9c7a;
--color-straw-harvest-500: #97845c;
--color-straw-harvest-600: #806f4e;
--color-straw-harvest-700: #66593e;
--color-straw-harvest-800: #4c412c;
--color-straw-harvest-900: #352d1e;
--color-straw-harvest-950: #201a0e;
}SCSS
$straw-harvest: #dbc8a2;
$straw-harvest-rgb: 219, 200, 162;
$straw-harvest-light: mix(#fff, $straw-harvest, 20%);
$straw-harvest-dark: mix(#000, $straw-harvest, 20%);
.element {
color: $straw-harvest;
box-shadow: 0 0 0 2px rgba($straw-harvest, 0.35);
}