Named color · #D6C7AE
Bone Meal
Bone Meal is #D6C7AE: rgb(214 199 174), hsl(37 33% 76%), oklch(0.835 0.038 80.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Bone Meal color name →
#D6C7AE
oklch(0.835 0.038 80.6)
Color conversions
- HEX
- #d6c7ae
- RGB
- rgb(214 199 174)
- HSL
- hsl(37 33% 76%)
- HWB
- hwb(37 68% 16%)
- OKLCH
- oklch(0.835 0.038 80.6)
- OKLab
- oklab(0.835 0.006 0.037)
- CIE Lab
- lab(81 2.44 14.56)
- LCH
- lch(81 14.77 80.5)
- CMYK
- cmyk(0% 7% 19% 16%)
Tints · Shades · Tones
Tints
- DACDB6
- DED2BE
- E2D8C6
- E6DDCE
- EAE3D6
- EFE8DE
- F3EEE6
- F7F4EF
- FBF9F7
Shades
- BAAD97
- 9E9380
- 847A6A
- 6A6255
- 524C41
- 3B362E
- 25211C
- 100E0B
- 020201
Tones
- CDC0A9
- C4B8A5
- BBB1A0
- B3AA9C
- AAA397
- A19C92
- 99958E
- 918E89
- 888785
Color harmonies
Complementary +180°
- D6C7AE
Bone Meal
- BBCAE2
≈ Hindsight
Analogous -30° +30°
- D6C7AE
Bone Meal
- DEC3B3
≈ Coral Stone
- CACCB0
≈ Chilled Cucumber
Triadic +120° +240°
- D6C7AE
Bone Meal
- ADD1D3
≈ Fine China
- D5C2D8
≈ Tender Violet
Split-complementary +150° +210°
- D6C7AE
Bone Meal
- B1CEDD
≈ Light Sky Bus
- C8C5E1
≈ Purple Purity
Tetradic +90° +180° +270°
- D6C7AE
Bone Meal
- B2D1C5
≈ Lester
- BBCAE2
≈ Hindsight
- DDC0CC
≈ Twilight Light
Contrast & accessibility
Ag
FailOn white
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.63:1 · APCA Lc 74
Best text color: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--bone-meal: #d6c7ae;
--bone-meal-rgb: 214 199 174;
--bone-meal-oklch: oklch(0.835 0.038 80.6);
}
.element {
color: var(--bone-meal);
background-color: hsl(37 33% 76%);
border-color: oklch(0.835 0.038 80.6);
}Tailwind CSS v4
@theme {
--color-bone-meal: #d6c7ae;
--color-bone-meal-50: #faf4e9;
--color-bone-meal-100: #eee7da;
--color-bone-meal-200: #dcd3c3;
--color-bone-meal-300: #c1b6a2;
--color-bone-meal-400: #aa9d86;
--color-bone-meal-500: #93846a;
--color-bone-meal-600: #7d705a;
--color-bone-meal-700: #645948;
--color-bone-meal-800: #4a4134;
--color-bone-meal-900: #332d23;
--color-bone-meal-950: #1f1a12;
}SCSS
$bone-meal: #d6c7ae;
$bone-meal-rgb: 214, 199, 174;
$bone-meal-light: mix(#fff, $bone-meal, 20%);
$bone-meal-dark: mix(#000, $bone-meal, 20%);
.element {
color: $bone-meal;
box-shadow: 0 0 0 2px rgba($bone-meal, 0.35);
}