Colore con nome · #D9C7B9
Suede Beige
Suede Beige è #D9C7B9: rgb(217 199 185), hsl(26 30% 79%), oklch(0.841 0.028 60.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Suede Beige color name →
#D9C7B9
oklch(0.841 0.028 60.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- DDCDC0
- E1D2C7
- E4D8CE
- E8DDD5
- ECE3DC
- F0E8E3
- F4EEEA
- F7F4F1
- FBF9F8
Ombre
- BCADA0
- A19389
- 867A71
- 6C625B
- 534C46
- 3B3631
- 25211E
- 110E0D
- 020202
Toni
- D0C0B3
- C7B8AD
- BDB1A8
- B4AAA2
- ACA39C
- A39C96
- 9A9591
- 918E8B
- 898786
Armonie di colore
Complementare +180°
- D9C7B9
Suede Beige
- BBCEDC
≈ Constellation
Analogo -30° +30°
- D9C7B9
Suede Beige
- DCC5C0
≈ Cheerful Heart
- D2CAB7
≈ Unmarked Trail
Triadico +120° +240°
- D9C7B9
Suede Beige
- B8D1CB
≈ Jet Stream
- CDC7DB
≈ Angel Kiss
Complementare divisa +150° +210°
- D9C7B9
Suede Beige
- B7D0D5
≈ Lament Blue
- C4CADE
≈ Periwinkle Powder
Tetradico +90° +180° +270°
- D9C7B9
Suede Beige
- BFD0C1
≈ Spray of Mint
- BBCEDC
≈ Constellation
- D6C5D3
≈ Fragrant Snowbell
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.82:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
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);
}