Named color · #DAB2A4
Cinnamon Whip
Cinnamon Whip is #DAB2A4: rgb(218 178 164), hsl(16 42% 75%), oklch(0.795 0.051 40.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Cinnamon Whip color name →
#DAB2A4
oklch(0.795 0.051 40.2)
Color conversions
- HEX
- #dab2a4
- RGB
- rgb(218 178 164)
- HSL
- hsl(16 42% 75%)
- HWB
- hwb(16 64% 15%)
- OKLCH
- oklch(0.795 0.051 40.2)
- OKLab
- oklab(0.795 0.039 0.033)
- CIE Lab
- lab(75.93 13.42 12.93)
- LCH
- lch(75.93 18.64 43.9)
- CMYK
- cmyk(0% 18% 25% 15%)
Tints · Shades · Tones
Tints
- DEBAAD
- E2C1B6
- E6C9BF
- E9D0C8
- EDD8D1
- F1E0DA
- F4E8E3
- F8EFEC
- FCF7F6
Shades
- BD9A8E
- A28379
- 876D64
- 6C5750
- 54433D
- 3C2F2B
- 251D1A
- 110C0A
- 020101
Tones
- D1ADA0
- C8A89D
- BEA399
- B59E96
- AC9992
- A3948E
- 9B8F8B
- 928A87
- 898584
Color harmonies
Complementary +180°
- DAB2A4
Cinnamon Whip
- 99C4D3
≈ June
Analogous -30° +30°
- DAB2A4
Cinnamon Whip
- DBAFB5
≈ Pale Chestnut
- D2B799
≈ Slopes
Triadic +120° +240°
- DAB2A4
Cinnamon Whip
- A1C7B1
≈ Lobaria Lichen
- B5B9DD
≈ Lilac Flare
Split-complementary +150° +210°
- DAB2A4
Cinnamon Whip
- 97C7C3
≈ Pastel Turquoise
- A4BFDC
≈ September Aster
Tetradic +90° +180° +270°
- DAB2A4
Cinnamon Whip
- B1C3A1
≈ Camping Grounds
- 99C4D3
≈ June
- C6B4D5
≈ Plumeria
Contrast & accessibility
Ag
FailOn white
WCAG 1.92:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.88:1 · APCA Lc 66
Best text color: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--cinnamon-whip: #dab2a4;
--cinnamon-whip-rgb: 218 178 164;
--cinnamon-whip-oklch: oklch(0.795 0.051 40.2);
}
.element {
color: var(--cinnamon-whip);
background-color: hsl(16 42% 75%);
border-color: oklch(0.795 0.051 40.2);
}Tailwind CSS v4
@theme {
--color-cinnamon-whip: #dab2a4;
--color-cinnamon-whip-50: #fff1ea;
--color-cinnamon-whip-100: #f8e3db;
--color-cinnamon-whip-200: #e8cec4;
--color-cinnamon-whip-300: #cfb0a3;
--color-cinnamon-whip-400: #ba9588;
--color-cinnamon-whip-500: #a47b6d;
--color-cinnamon-whip-600: #8b685c;
--color-cinnamon-whip-700: #6f534a;
--color-cinnamon-whip-800: #523c36;
--color-cinnamon-whip-900: #392a25;
--color-cinnamon-whip-950: #241713;
}SCSS
$cinnamon-whip: #dab2a4;
$cinnamon-whip-rgb: 218, 178, 164;
$cinnamon-whip-light: mix(#fff, $cinnamon-whip, 20%);
$cinnamon-whip-dark: mix(#000, $cinnamon-whip, 20%);
.element {
color: $cinnamon-whip;
box-shadow: 0 0 0 2px rgba($cinnamon-whip, 0.35);
}