Benannte Farbe · #D2C5AE
Dry Riverbed
Dry Riverbed ist #D2C5AE: rgb(210 197 174), hsl(38 29% 75%), oklch(0.828 0.034 82). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dry Riverbed color name →
#D2C5AE
oklch(0.828 0.034 82)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D6CBB6
- DBD0BE
- DFD6C6
- E4DCCE
- E8E2D6
- EDE8DE
- F1EDE6
- F6F3EF
- FAF9F7
Shades
- B6AB97
- 9B9280
- 81796A
- 686155
- 504B41
- 39352E
- 24211C
- 100E0B
- 020201
Tones
- C9BEA9
- C1B7A5
- B9B0A0
- B0A99B
- A8A297
- A09B92
- 98948E
- 908D89
- 888785
Farbharmonien
Komplementär +180°
- D2C5AE
Dry Riverbed
- BBC7DE
≈ Objectivity
Analog -30° +30°
- D2C5AE
Dry Riverbed
- DAC1B3
≈ Regal
- C7C9B0
≈ Spring Hill
Triadisch +120° +240°
- D2C5AE
Dry Riverbed
- AECED0
≈ Dewpoint
- D2C0D4
≈ Cosmetic Mauve
Geteilt komplementär +150° +210°
- D2C5AE
Dry Riverbed
- B1CBDA
≈ Essex Blue
- C7C3DC
≈ Ice Mauve
Tetradisch +90° +180° +270°
- D2C5AE
Dry Riverbed
- B1CEC4
≈ Watershed
- BBC7DE
≈ Objectivity
- DABEC9
≈ Fragrant Orchid
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.70:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.33:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
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);
}