Nearest named color · #DDBF9C
#DDBF9C
Nearest named color: Tostada
#DDBF9C (rgb(221 191 156), hsl(32 49% 74%), oklch(0.822 0.058 71.2)) is closest to the named color Tostada. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DDBF9C
oklch(0.822 0.058 71.2)
Color conversions
- HEX
- #ddbf9c
- RGB
- rgb(221 191 156)
- HSL
- hsl(32 49% 74%)
- HWB
- hwb(32 61% 13%)
- OKLCH
- oklch(0.822 0.058 71.2)
- OKLab
- oklab(0.822 0.019 0.055)
- CIE Lab
- lab(79.3 7.25 21.88)
- LCH
- lch(79.3 23.04 71.7)
- CMYK
- cmyk(0% 14% 29% 13%)
Tints · Shades · Tones
Tints
- E0C5A6
- E4CCB0
- E7D2B9
- EBD8C3
- EEDFCD
- F2E5D7
- F5ECE1
- F8F2EB
- FCF9F5
Shades
- C0A687
- A48D73
- 88755F
- 6E5E4C
- 554839
- 3D3328
- 261F18
- 110D09
- 020201
Tones
- D3B999
- CAB297
- C0AC94
- B7A591
- AE9F8E
- A4998C
- 9B9389
- 928C86
- 898683
Color harmonies
Complementary +180°
- DDBF9C
Tostada
- A9C8EA
≈ Island Light
Analogous -30° +30°
- DDBF9C
Tostada
- E7B9A8
≈ Embrace
- CCC69B
≈ Archisa
Triadic +120° +240°
- DDBF9C
Tostada
- 99D1CE
≈ Big Surf
- D1BBE1
≈ Drifting Dream
Split-complementary +150° +210°
- DDBF9C
Tostada
- 9BCEDF
≈ Intercoastal
- BDC1EA
≈ Vodka
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.74:1 · APCA Lc 32
Ag
AAAOn black
WCAG 12.00:1 · APCA Lc 71
Best text color: #000000
WCAG 12.00:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
CSS
:root {
--tostada: #ddbf9c;
--tostada-rgb: 221 191 156;
--tostada-oklch: oklch(0.822 0.058 71.2);
}
.element {
color: var(--tostada);
background-color: hsl(32 49% 74%);
border-color: oklch(0.822 0.058 71.2);
}Tailwind CSS v4
@theme {
--color-tostada: #ddbf9c;
--color-tostada-50: #fff3e3;
--color-tostada-100: #f4e5d3;
--color-tostada-200: #e4d1ba;
--color-tostada-300: #cab397;
--color-tostada-400: #b59979;
--color-tostada-500: #9f805b;
--color-tostada-600: #866c4e;
--color-tostada-700: #6c573e;
--color-tostada-800: #503f2c;
--color-tostada-900: #372b1e;
--color-tostada-950: #22190e;
}SCSS
$tostada: #ddbf9c;
$tostada-rgb: 221, 191, 156;
$tostada-light: mix(#fff, $tostada, 20%);
$tostada-dark: mix(#000, $tostada, 20%);
.element {
color: $tostada;
box-shadow: 0 0 0 2px rgba($tostada, 0.35);
}