Nearest named color · #D2CB91
#D2CB91
Nearest named color: Royal Goblet
#D2CB91 (rgb(210 203 145), hsl(54 42% 70%), oklch(0.834 0.076 102.1)) is closest to the named color Royal Goblet. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D2CB91
oklch(0.834 0.076 102.1)
Color conversions
- HEX
- #d2cb91
- RGB
- rgb(210 203 145)
- HSL
- hsl(54 42% 70%)
- HWB
- hwb(54 57% 18%)
- OKLCH
- oklch(0.834 0.076 102.1)
- OKLab
- oklab(0.834 -0.016 0.075)
- CIE Lab
- lab(81.22 -4 29.94)
- LCH
- lch(81.22 30.21 97.6)
- CMYK
- cmyk(0% 3% 31% 18%)
Tints · Shades · Tones
Tints
- D6D09C
- DBD5A7
- DFDBB2
- E4E0BD
- E8E5C8
- EDEAD3
- F1EFDE
- F6F5E9
- FAFAF4
Shades
- B6B07D
- 9B966A
- 817D58
- 686546
- 504D35
- 393725
- 242215
- 100F07
- 020201
Tones
- C9C390
- C1BC8E
- B9B48D
- B0AC8B
- A8A58A
- A09D88
- 989686
- 908F84
- 888782
Color harmonies
Complementary +180°
- D2CB91
Royal Goblet
- C0C3FA
≈ Light Periwinkle
Analogous -30° +30°
- D2CB91
Royal Goblet
- E8C192
≈ Apple Turnover
- B6D4A0
≈ In Good Taste
Triadic +120° +240°
- D2CB91
Royal Goblet
- 90D4EC
≈ Slightly Spritzig
- ECB5D7
≈ Soft Cashmere
Split-complementary +150° +210°
- D2CB91
Royal Goblet
- A5CCFA
≈ Baby Blue
- D9BBED
≈ Beefy Pink
Tetradic +90° +180° +270°
- D2CB91
Royal Goblet
- 8CD9D5
≈ Island Oasis
- C0C3FA
≈ Light Periwinkle
- F6B5BB
≈ Ballerina Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.65:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.69:1 · APCA Lc 74
Best text color: #000000
WCAG 12.69:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--royal-goblet: #d2cb91;
--royal-goblet-rgb: 210 203 145;
--royal-goblet-oklch: oklch(0.834 0.076 102.1);
}
.element {
color: var(--royal-goblet);
background-color: hsl(54 42% 70%);
border-color: oklch(0.834 0.076 102.1);
}Tailwind CSS v4
@theme {
--color-royal-goblet: #d2cb91;
--color-royal-goblet-50: #f8f7de;
--color-royal-goblet-100: #eceacd;
--color-royal-goblet-200: #d9d6b1;
--color-royal-goblet-300: #bdba8d;
--color-royal-goblet-400: #a7a06b;
--color-royal-goblet-500: #90884a;
--color-royal-goblet-600: #7a733f;
--color-royal-goblet-700: #625c32;
--color-royal-goblet-800: #484323;
--color-royal-goblet-900: #322e17;
--color-royal-goblet-950: #1e1b08;
}SCSS
$royal-goblet: #d2cb91;
$royal-goblet-rgb: 210, 203, 145;
$royal-goblet-light: mix(#fff, $royal-goblet, 20%);
$royal-goblet-dark: mix(#000, $royal-goblet, 20%);
.element {
color: $royal-goblet;
box-shadow: 0 0 0 2px rgba($royal-goblet, 0.35);
}