Named color · #DBC8A2
Straw Harvest
Straw Harvest is #DBC8A2: rgb(219 200 162), hsl(40 44% 75%), oklch(0.839 0.055 84.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Straw Harvest color name →
#DBC8A2
oklch(0.839 0.055 84.5)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- DFCDAB
- E2D3B5
- E6D8BE
- E9DEC7
- EDE3D0
- F1E9DA
- F4EEE3
- F8F4EC
- FBF9F6
Shades
- BEAE8C
- A29477
- 877B63
- 6D634F
- 544C3C
- 3C362A
- 262119
- 110F0A
- 020201
Tones
- D2C19F
- C8B99B
- BFB298
- B6AB95
- ACA391
- A39C8E
- 9A958B
- 928E87
- 898784
Color harmonies
Complementary +180°
- DBC8A2
Straw Harvest
- B9CAEF
≈ Cuddle
Analogous -30° +30°
- DBC8A2
Straw Harvest
- E8C1A9
≈ Copper Blush
- C9CFA6
≈ Baize Green
Triadic +120° +240°
- DBC8A2
Straw Harvest
- A0D5DB
≈ Midwinter Mist
- DDBFDF
≈ Sky Blue Pink
Split-complementary +150° +210°
- DBC8A2
Straw Harvest
- A8D1E9
≈ Little Pond
- CCC4EB
≈ Soap
Tetradic +90° +180° +270°
- DBC8A2
Straw Harvest
- A6D6C8
≈ Yucca Cream
- B9CAEF
≈ Cuddle
- E8BCCC
≈ Pink Mist
Contrast & accessibility
Ag
FailOn white
WCAG 1.64:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.79:1 · APCA Lc 74
Best text color: #000000
WCAG 12.79:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
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);
}