Color con nombre · #D09F93
Soft Sienna
Soft Sienna es #D09F93: rgb(208 159 147), hsl(12 39% 70%), oklch(0.745 0.061 34.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Soft Sienna color name →
#D09F93
oklch(0.745 0.061 34.1)
Conversiones de color
- HEX
- #d09f93
- RGB
- rgb(208 159 147)
- HSL
- hsl(12 39% 70%)
- HWB
- hwb(12 58% 18%)
- OKLCH
- oklch(0.745 0.061 34.1)
- OKLab
- oklab(0.745 0.051 0.034)
- CIE Lab
- lab(69.94 17.51 13.69)
- LCH
- lch(69.94 22.23 38)
- CMYK
- cmyk(0% 24% 29% 18%)
Tintes · Sombras · Tonos
Tintes
- D5A89D
- DAB2A8
- DFBBB3
- E4C5BD
- E8CEC8
- EDD8D3
- F2E2DE
- F6EBE9
- FBF5F4
Sombras
- B58A7F
- 9A756C
- 806159
- 674D47
- 4F3B36
- 392925
- 231816
- 100908
- 020101
Tonos
- C89C91
- C0998F
- B8968D
- B0938C
- A8908A
- A08D88
- 988986
- 908684
- 888382
Armonías de color
Complementario +180°
- D09F93
Soft Sienna
- 7FB7C4
≈ Culinary Blue
Análogo -30° +30°
- D09F93
Soft Sienna
- CF9DA8
≈ Pink Ice
- C8A584
≈ Deer Valley
Triádico +120° +240°
- D09F93
Soft Sienna
- 8FB89B
≈ Summer Green
- A0AAD4
≈ Whipped Violet
Complementario dividido +150° +210°
- D09F93
Soft Sienna
- 80B9B1
≈ Winter Surf
- 8CB1D1
≈ Matte Blue
Tetrádico +90° +180° +270°
- D09F93
Soft Sienna
- A4B389
≈ Haven
- 7FB7C4
≈ Culinary Blue
- B5A3CC
≈ Glass Violet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.31:1 · APCA Lc 46
Ag
AAASobre negro
WCAG 9.06:1 · APCA Lc 56
Mejor color de texto: #000000
WCAG 9.06:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmentos de código
CSS
:root {
--soft-sienna: #d09f93;
--soft-sienna-rgb: 208 159 147;
--soft-sienna-oklch: oklch(0.745 0.061 34.1);
}
.element {
color: var(--soft-sienna);
background-color: hsl(12 39% 70%);
border-color: oklch(0.745 0.061 34.1);
}Tailwind CSS v4
@theme {
--color-soft-sienna: #d09f93;
--color-soft-sienna-50: #fff0e9;
--color-soft-sienna-100: #fbe1da;
--color-soft-sienna-200: #edccc2;
--color-soft-sienna-300: #d5ada2;
--color-soft-sienna-400: #c09287;
--color-soft-sienna-500: #ab786b;
--color-soft-sienna-600: #90655b;
--color-soft-sienna-700: #745149;
--color-soft-sienna-800: #563b35;
--color-soft-sienna-900: #3c2824;
--color-soft-sienna-950: #251613;
}SCSS
$soft-sienna: #d09f93;
$soft-sienna-rgb: 208, 159, 147;
$soft-sienna-light: mix(#fff, $soft-sienna, 20%);
$soft-sienna-dark: mix(#000, $soft-sienna, 20%);
.element {
color: $soft-sienna;
box-shadow: 0 0 0 2px rgba($soft-sienna, 0.35);
}