Nearest named color · #D8BF8B
#D8BF8B
Nearest named color: Vermicelles
#D8BF8B (rgb(216 191 139), hsl(41 50% 70%), oklch(0.814 0.074 85.1)) is closest to the named color Vermicelles. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D8BF8B
oklch(0.814 0.074 85.1)
Color conversions
- HEX
- #d8bf8b
- RGB
- rgb(216 191 139)
- HSL
- hsl(41 50% 70%)
- HWB
- hwb(41 55% 15%)
- OKLCH
- oklch(0.814 0.074 85.1)
- OKLab
- oklab(0.814 0.006 0.074)
- CIE Lab
- lab(78.57 3.73 29.72)
- LCH
- lch(78.57 29.95 82.9)
- CMYK
- cmyk(0% 12% 36% 15%)
Tints · Shades · Tones
Tints
- DCC597
- E0CCA2
- E4D2AE
- E8D9BA
- ECDFC5
- EFE5D1
- F3ECDC
- F7F2E8
- FBF9F3
Shades
- BCA678
- A08D66
- 857554
- 6B5E43
- 534832
- 3B3323
- 251F14
- 110D07
- 020201
Tones
- CFB98A
- C6B28A
- BDAC89
- B4A688
- AB9F87
- A29986
- 9A9384
- 918C83
- 888682
Color harmonies
Complementary +180°
- D8BF8B
Vermicelles
- ABC2F3
≈ Sky High
Analogous -30° +30°
- D8BF8B
Vermicelles
- E8B695
≈ Gentle Doe
- C0C891
≈ White Grape
Triadic +120° +240°
- D8BF8B
Vermicelles
- 87D0D9
≈ Sky Watch
- DBB2DD
≈ Blushing Sky
Split-complementary +150° +210°
- D8BF8B
Vermicelles
- 93CAEB
≈ Light Cornflower Blue
- C5B9ED
≈ Connecticut Lilac
Tetradic +90° +180° +270°
- D8BF8B
Vermicelles
- 8ED2BF
≈ Wintermint
- ABC2F3
≈ Sky High
- EAAFC4
≈ Pink Frenzy
Contrast & accessibility
Ag
FailOn white
WCAG 1.78:1 · APCA Lc 33
Ag
AAAOn black
WCAG 11.74:1 · APCA Lc 70
Best text color: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Code snippets
CSS
:root {
--vermicelles: #d8bf8b;
--vermicelles-rgb: 216 191 139;
--vermicelles-oklch: oklch(0.814 0.074 85.1);
}
.element {
color: var(--vermicelles);
background-color: hsl(41 50% 70%);
border-color: oklch(0.814 0.074 85.1);
}Tailwind CSS v4
@theme {
--color-vermicelles: #d8bf8b;
--color-vermicelles-50: #fef4de;
--color-vermicelles-100: #f2e7cd;
--color-vermicelles-200: #e2d3b1;
--color-vermicelles-300: #c8b68c;
--color-vermicelles-400: #b29c6b;
--color-vermicelles-500: #9d824a;
--color-vermicelles-600: #846e40;
--color-vermicelles-700: #6a5833;
--color-vermicelles-800: #4f4023;
--color-vermicelles-900: #372c17;
--color-vermicelles-950: #221908;
}SCSS
$vermicelles: #d8bf8b;
$vermicelles-rgb: 216, 191, 139;
$vermicelles-light: mix(#fff, $vermicelles, 20%);
$vermicelles-dark: mix(#000, $vermicelles, 20%);
.element {
color: $vermicelles;
box-shadow: 0 0 0 2px rgba($vermicelles, 0.35);
}