Color con nombre · #D0BD94
Subtle Suede
Subtle Suede es #D0BD94: rgb(208 189 148), hsl(41 39% 70%), oklch(0.804 0.059 86). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Subtle Suede color name →
#D0BD94
oklch(0.804 0.059 86)
Conversiones de color
- HEX
- #d0bd94
- RGB
- rgb(208 189 148)
- HSL
- hsl(41 39% 70%)
- HWB
- hwb(41 58% 18%)
- OKLCH
- oklch(0.804 0.059 86)
- OKLab
- oklab(0.804 0.004 0.059)
- CIE Lab
- lab(77.47 2.38 23.39)
- LCH
- lch(77.47 23.51 84.2)
- CMYK
- cmyk(0% 9% 29% 18%)
Tintes · Sombras · Tonos
Tintes
- D5C49F
- D9CAA9
- DED1B4
- E3D7BF
- E7DEC9
- ECE4D4
- F1EBDF
- F6F2E9
- FAF8F4
Sombras
- B5A480
- 9A8C6D
- 80745A
- 675D48
- 4F4736
- 393326
- 231F16
- 100D08
- 020201
Tonos
- C8B792
- BFB190
- B7AA8F
- AFA48D
- A79E8B
- 9F9889
- 979287
- 8F8C84
- 888682
Armonías de color
Complementario +180°
- D0BD94
Subtle Suede
- ADBFE6
≈ Promise
Análogo -30° +30°
- D0BD94
Subtle Suede
- DDB69B
≈ Pink Tulle
- BDC499
≈ Green Mist
Triádico +120° +240°
- D0BD94
Subtle Suede
- 92CAD2
≈ Bathing
- D4B2D4
≈ Confectionary
Complementario dividido +150° +210°
- D0BD94
Subtle Suede
- 9BC6E0
≈ Pale Cerulean
- C2B8E1
≈ Melrose
Tetrádico +90° +180° +270°
- D0BD94
Subtle Suede
- 97CCBD
≈ Mint Twist
- ADBFE6
≈ Promise
- DFB0C0
≈ Mental Floss
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.38:1 · APCA Lc 68
Mejor color de texto: #000000
WCAG 11.38:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmentos de código
CSS
:root {
--subtle-suede: #d0bd94;
--subtle-suede-rgb: 208 189 148;
--subtle-suede-oklch: oklch(0.804 0.059 86);
}
.element {
color: var(--subtle-suede);
background-color: hsl(41 39% 70%);
border-color: oklch(0.804 0.059 86);
}Tailwind CSS v4
@theme {
--color-subtle-suede: #d0bd94;
--color-subtle-suede-50: #fcf5e3;
--color-subtle-suede-100: #f0e7d2;
--color-subtle-suede-200: #dfd3b8;
--color-subtle-suede-300: #c4b696;
--color-subtle-suede-400: #ae9c77;
--color-subtle-suede-500: #988458;
--color-subtle-suede-600: #80704b;
--color-subtle-suede-700: #67593c;
--color-subtle-suede-800: #4c412a;
--color-subtle-suede-900: #352d1d;
--color-subtle-suede-950: #201a0d;
}SCSS
$subtle-suede: #d0bd94;
$subtle-suede-rgb: 208, 189, 148;
$subtle-suede-light: mix(#fff, $subtle-suede, 20%);
$subtle-suede-dark: mix(#000, $subtle-suede, 20%);
.element {
color: $subtle-suede;
box-shadow: 0 0 0 2px rgba($subtle-suede, 0.35);
}