Benannte Farbe · #D9C7B9
Suede Beige
Suede Beige ist #D9C7B9: rgb(217 199 185), hsl(26 30% 79%), oklch(0.841 0.028 60.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Suede Beige color name →
#D9C7B9
oklch(0.841 0.028 60.3)
Farbumrechnungen
- HEX
- #d9c7b9
- RGB
- rgb(217 199 185)
- HSL
- hsl(26 30% 79%)
- HWB
- hwb(26 73% 15%)
- OKLCH
- oklch(0.841 0.028 60.3)
- OKLab
- oklab(0.841 0.014 0.024)
- CIE Lab
- lab(81.47 4.82 9.44)
- LCH
- lch(81.47 10.6 62.9)
- CMYK
- cmyk(0% 8% 15% 15%)
Tints · Shades · Tones
Tints
- DDCDC0
- E1D2C7
- E4D8CE
- E8DDD5
- ECE3DC
- F0E8E3
- F4EEEA
- F7F4F1
- FBF9F8
Shades
- BCADA0
- A19389
- 867A71
- 6C625B
- 534C46
- 3B3631
- 25211E
- 110E0D
- 020202
Tones
- D0C0B3
- C7B8AD
- BDB1A8
- B4AAA2
- ACA39C
- A39C96
- 9A9591
- 918E8B
- 898786
Farbharmonien
Komplementär +180°
- D9C7B9
Suede Beige
- BBCEDC
≈ Constellation
Analog -30° +30°
- D9C7B9
Suede Beige
- DCC5C0
≈ Cheerful Heart
- D2CAB7
≈ Unmarked Trail
Triadisch +120° +240°
- D9C7B9
Suede Beige
- B8D1CB
≈ Jet Stream
- CDC7DB
≈ Angel Kiss
Geteilt komplementär +150° +210°
- D9C7B9
Suede Beige
- B7D0D5
≈ Lament Blue
- C4CADE
≈ Periwinkle Powder
Tetradisch +90° +180° +270°
- D9C7B9
Suede Beige
- BFD0C1
≈ Spray of Mint
- BBCEDC
≈ Constellation
- D6C5D3
≈ Fragrant Snowbell
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.63:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.82:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--suede-beige: #d9c7b9;
--suede-beige-rgb: 217 199 185;
--suede-beige-oklch: oklch(0.841 0.028 60.3);
}
.element {
color: var(--suede-beige);
background-color: hsl(26 30% 79%);
border-color: oklch(0.841 0.028 60.3);
}Tailwind CSS v4
@theme {
--color-suede-beige: #d9c7b9;
--color-suede-beige-50: #fbf4ed;
--color-suede-beige-100: #efe6df;
--color-suede-beige-200: #ddd2c8;
--color-suede-beige-300: #c2b5a9;
--color-suede-beige-400: #ab9b8e;
--color-suede-beige-500: #958274;
--color-suede-beige-600: #7e6e62;
--color-suede-beige-700: #65584e;
--color-suede-beige-800: #4a4039;
--color-suede-beige-900: #332c27;
--color-suede-beige-950: #1f1915;
}SCSS
$suede-beige: #d9c7b9;
$suede-beige-rgb: 217, 199, 185;
$suede-beige-light: mix(#fff, $suede-beige, 20%);
$suede-beige-dark: mix(#000, $suede-beige, 20%);
.element {
color: $suede-beige;
box-shadow: 0 0 0 2px rgba($suede-beige, 0.35);
}