Named color · #D1AB74
Sunbaked Straw
Sunbaked Straw is #D1AB74: rgb(209 171 116), hsl(35 50% 64%), oklch(0.763 0.084 76.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Sunbaked Straw color name →
#D1AB74
oklch(0.763 0.084 76.2)
Color conversions
- HEX
- #d1ab74
- RGB
- rgb(209 171 116)
- HSL
- hsl(35 50% 64%)
- HWB
- hwb(35 45% 18%)
- OKLCH
- oklch(0.763 0.084 76.2)
- OKLab
- oklab(0.763 0.02 0.082)
- CIE Lab
- lab(72.52 9.09 33.78)
- LCH
- lch(72.52 34.98 74.9)
- CMYK
- cmyk(0% 18% 44% 18%)
Tints · Shades · Tones
Tints
- D6B382
- DABC90
- DFC49E
- E4CCAC
- E8D5BA
- EDDDC7
- F1E6D5
- F6EEE3
- FBF7F1
Shades
- B59464
- 9B7E54
- 816845
- 685437
- 504029
- 392D1B
- 231B0F
- 100B05
- 020101
Tones
- C9A776
- C0A278
- B89E79
- B09A7B
- A8967C
- A0917D
- 988D7E
- 90897F
- 88847F
Color harmonies
Complementary +180°
- D1AB74
Sunbaked Straw
- 8FB4E8
≈ Adrift on the Nile
Analogous -30° +30°
- D1AB74
Sunbaked Straw
- E0A284
≈ Pecos Spice
- B8B676
≈ Misty Moss
Triadic +120° +240°
- D1AB74
Sunbaked Straw
- 6CC3C4
≈ Luna Moona
- C7A2D6
≈ Lilac Lace
Split-complementary +150° +210°
- D1AB74
Sunbaked Straw
- 74BDDB
≈ Bluebrite
- ADAAE6
≈ Maximum Blue Purple
Tetradic +90° +180° +270°
- D1AB74
Sunbaked Straw
- 7CC3A6
≈ Green Balloon
- 8FB4E8
≈ Adrift on the Nile
- DA9CBD
≈ Pink Begonia
Contrast & accessibility
Ag
FailOn white
WCAG 2.14:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.78:1 · APCA Lc 60
Best text color: #000000
WCAG 9.78:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--sunbaked-straw: #d1ab74;
--sunbaked-straw-rgb: 209 171 116;
--sunbaked-straw-oklch: oklch(0.763 0.084 76.2);
}
.element {
color: var(--sunbaked-straw);
background-color: hsl(35 50% 64%);
border-color: oklch(0.763 0.084 76.2);
}Tailwind CSS v4
@theme {
--color-sunbaked-straw: #d1ab74;
--color-sunbaked-straw-50: #fff3db;
--color-sunbaked-straw-100: #f8e5c9;
--color-sunbaked-straw-200: #e8d1ac;
--color-sunbaked-straw-300: #cfb387;
--color-sunbaked-straw-400: #bb9865;
--color-sunbaked-straw-500: #a67e41;
--color-sunbaked-straw-600: #8c6b38;
--color-sunbaked-straw-700: #71552d;
--color-sunbaked-straw-800: #543e1f;
--color-sunbaked-straw-900: #3a2b14;
--color-sunbaked-straw-950: #241806;
}SCSS
$sunbaked-straw: #d1ab74;
$sunbaked-straw-rgb: 209, 171, 116;
$sunbaked-straw-light: mix(#fff, $sunbaked-straw, 20%);
$sunbaked-straw-dark: mix(#000, $sunbaked-straw, 20%);
.element {
color: $sunbaked-straw;
box-shadow: 0 0 0 2px rgba($sunbaked-straw, 0.35);
}