Named color · #DBD5B7
New Growth
New Growth is #DBD5B7: rgb(219 213 183), hsl(50 33% 79%), oklch(0.87 0.041 97.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · New Growth color name →
#DBD5B7
oklch(0.87 0.041 97.8)
Color conversions
- HEX
- #dbd5b7
- RGB
- rgb(219 213 183)
- HSL
- hsl(50 33% 79%)
- HWB
- hwb(50 72% 14%)
- OKLCH
- oklch(0.87 0.041 97.8)
- OKLab
- oklab(0.87 -0.006 0.04)
- CIE Lab
- lab(85.17 -1.53 15.68)
- LCH
- lch(85.17 15.75 95.6)
- CMYK
- cmyk(0% 3% 16% 14%)
Tints · Shades · Tones
Tints
- DFD9BE
- E2DDC5
- E6E2CC
- E9E6D4
- EDEADB
- F0EEE2
- F4F2E9
- F8F7F0
- FBFBF8
Shades
- BEB99F
- A29E87
- 878370
- 6D6A5A
- 545145
- 3C3A31
- 26241E
- 11100C
- 020202
Tones
- D2CCB1
- C8C3AC
- BFBBA6
- B6B2A1
- ACAA9B
- A3A196
- 9A9990
- 91908B
- 898885
Color harmonies
Complementary +180°
- DBD5B7
New Growth
- CDD2EF
≈ Frozen Periwinkle
Analogous -30° +30°
- DBD5B7
New Growth
- E7D0B8
≈ Buff Tone
- CDDABE
≈ Spring Joy
Triadic +120° +240°
- DBD5B7
New Growth
- B7DBE6
≈ Alpine Alabaster
- E7CBDE
≈ Vanity Pink
Split-complementary +150° +210°
- DBD5B7
New Growth
- C0D7EE
≈ Delicate Blue Mist
- DBCEE9
≈ Plum’s the Word
Tetradic +90° +180° +270°
- DBD5B7
New Growth
- B7DDD9
≈ Minerva
- CDD2EF
≈ Frozen Periwinkle
- EDCACF
≈ Cake Pop
Contrast & accessibility
Ag
FailOn white
WCAG 1.47:1 · APCA Lc 23
Ag
AAAOn black
WCAG 14.21:1 · APCA Lc 81
Best text color: #000000
WCAG 14.21:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--new-growth: #dbd5b7;
--new-growth-rgb: 219 213 183;
--new-growth-oklch: oklch(0.87 0.041 97.8);
}
.element {
color: var(--new-growth);
background-color: hsl(50 33% 79%);
border-color: oklch(0.87 0.041 97.8);
}Tailwind CSS v4
@theme {
--color-new-growth: #dbd5b7;
--color-new-growth-50: #f8f6e9;
--color-new-growth-100: #ebe8d9;
--color-new-growth-200: #d8d5c2;
--color-new-growth-300: #bcb8a1;
--color-new-growth-400: #a59f84;
--color-new-growth-500: #8d8768;
--color-new-growth-600: #777258;
--color-new-growth-700: #605b46;
--color-new-growth-800: #464233;
--color-new-growth-900: #312e22;
--color-new-growth-950: #1d1b11;
}SCSS
$new-growth: #dbd5b7;
$new-growth-rgb: 219, 213, 183;
$new-growth-light: mix(#fff, $new-growth, 20%);
$new-growth-dark: mix(#000, $new-growth, 20%);
.element {
color: $new-growth;
box-shadow: 0 0 0 2px rgba($new-growth, 0.35);
}