Color con nombre · #D2C5AE
Dry Riverbed
Dry Riverbed es #D2C5AE: rgb(210 197 174), hsl(38 29% 75%), oklch(0.828 0.034 82). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Dry Riverbed color name →
#D2C5AE
oklch(0.828 0.034 82)
Conversiones de color
- HEX
- #d2c5ae
- RGB
- rgb(210 197 174)
- HSL
- hsl(38 29% 75%)
- HWB
- hwb(38 68% 18%)
- OKLCH
- oklch(0.828 0.034 82)
- OKLab
- oklab(0.828 0.005 0.034)
- CIE Lab
- lab(80.14 1.92 13.31)
- LCH
- lch(80.14 13.45 81.8)
- CMYK
- cmyk(0% 6% 17% 18%)
Tintes · Sombras · Tonos
Tintes
- D6CBB6
- DBD0BE
- DFD6C6
- E4DCCE
- E8E2D6
- EDE8DE
- F1EDE6
- F6F3EF
- FAF9F7
Sombras
- B6AB97
- 9B9280
- 81796A
- 686155
- 504B41
- 39352E
- 24211C
- 100E0B
- 020201
Tonos
- C9BEA9
- C1B7A5
- B9B0A0
- B0A99B
- A8A297
- A09B92
- 98948E
- 908D89
- 888785
Armonías de color
Complementario +180°
- D2C5AE
Dry Riverbed
- BBC7DE
≈ Objectivity
Análogo -30° +30°
- D2C5AE
Dry Riverbed
- DAC1B3
≈ Regal
- C7C9B0
≈ Spring Hill
Triádico +120° +240°
- D2C5AE
Dry Riverbed
- AECED0
≈ Dewpoint
- D2C0D4
≈ Cosmetic Mauve
Complementario dividido +150° +210°
- D2C5AE
Dry Riverbed
- B1CBDA
≈ Essex Blue
- C7C3DC
≈ Ice Mauve
Tetrádico +90° +180° +270°
- D2C5AE
Dry Riverbed
- B1CEC4
≈ Watershed
- BBC7DE
≈ Objectivity
- DABEC9
≈ Fragrant Orchid
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.33:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--dry-riverbed: #d2c5ae;
--dry-riverbed-rgb: 210 197 174;
--dry-riverbed-oklch: oklch(0.828 0.034 82);
}
.element {
color: var(--dry-riverbed);
background-color: hsl(38 29% 75%);
border-color: oklch(0.828 0.034 82);
}Tailwind CSS v4
@theme {
--color-dry-riverbed: #d2c5ae;
--color-dry-riverbed-50: #faf5ea;
--color-dry-riverbed-100: #ede7db;
--color-dry-riverbed-200: #dbd3c4;
--color-dry-riverbed-300: #c0b6a4;
--color-dry-riverbed-400: #a99d88;
--color-dry-riverbed-500: #92846d;
--color-dry-riverbed-600: #7b705c;
--color-dry-riverbed-700: #635a49;
--color-dry-riverbed-800: #494135;
--color-dry-riverbed-900: #322d24;
--color-dry-riverbed-950: #1e1a13;
}SCSS
$dry-riverbed: #d2c5ae;
$dry-riverbed-rgb: 210, 197, 174;
$dry-riverbed-light: mix(#fff, $dry-riverbed, 20%);
$dry-riverbed-dark: mix(#000, $dry-riverbed, 20%);
.element {
color: $dry-riverbed;
box-shadow: 0 0 0 2px rgba($dry-riverbed, 0.35);
}