Nearest named color · #D6C090
#D6C090
Nearest named color: Crepe
#D6C090 (rgb(214 192 144), hsl(41 46% 70%), oklch(0.815 0.068 86.2)) is closest to the named color Crepe. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D6C090
oklch(0.815 0.068 86.2)
Color conversions
- HEX
- #d6c090
- RGB
- rgb(214 192 144)
- HSL
- hsl(41 46% 70%)
- HWB
- hwb(41 56% 16%)
- OKLCH
- oklch(0.815 0.068 86.2)
- OKLab
- oklab(0.815 0.005 0.068)
- CIE Lab
- lab(78.72 2.88 27.26)
- LCH
- lch(78.72 27.41 84)
- CMYK
- cmyk(0% 10% 33% 16%)
Tints · Shades · Tones
Tints
- DAC69B
- DECDA6
- E2D3B1
- E6D9BC
- EADFC7
- EFE6D3
- F3ECDE
- F7F2E9
- FBF9F4
Shades
- BAA77D
- 9E8E6A
- 847657
- 6A5F45
- 524934
- 3B3424
- 252015
- 100E07
- 020201
Tones
- CDB98F
- C4B38D
- BBAC8C
- B3A68B
- AAA089
- A29987
- 999386
- 918D84
- 888682
Color harmonies
Complementary +180°
- D6C090
Crepe
- AEC2F0
≈ Sky High
Analogous -30° +30°
- D6C090
Crepe
- E5B898
≈ Sumptuous Peach
- C0C996
≈ White Grape
Triadic +120° +240°
- D6C090
Crepe
- 8DD0D8
≈ Sky Watch
- DAB4DA
≈ Blushing Sky
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.77:1 · APCA Lc 33
Ag
AAAOn black
WCAG 11.80:1 · APCA Lc 70
Best text color: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
Code snippets
CSS
:root {
--crepe: #d6c090;
--crepe-rgb: 214 192 144;
--crepe-oklch: oklch(0.815 0.068 86.2);
}
.element {
color: var(--crepe);
background-color: hsl(41 46% 70%);
border-color: oklch(0.815 0.068 86.2);
}Tailwind CSS v4
@theme {
--color-crepe: #d6c090;
--color-crepe-50: #fdf5e0;
--color-crepe-100: #f1e7cf;
--color-crepe-200: #e0d3b4;
--color-crepe-300: #c6b690;
--color-crepe-400: #b09c70;
--color-crepe-500: #9a8350;
--color-crepe-600: #826f44;
--color-crepe-700: #685936;
--color-crepe-800: #4d4026;
--color-crepe-900: #362c19;
--color-crepe-950: #21190a;
}SCSS
$crepe: #d6c090;
$crepe-rgb: 214, 192, 144;
$crepe-light: mix(#fff, $crepe, 20%);
$crepe-dark: mix(#000, $crepe, 20%);
.element {
color: $crepe;
box-shadow: 0 0 0 2px rgba($crepe, 0.35);
}