Colore con nome più vicino · #D2B197
#D2B197
Colore con nome più vicino: Cashmere
#D2B197 (rgb(210 177 151), hsl(26 40% 71%), oklch(0.783 0.052 60.2)) è più vicino al colore con nome Cashmere. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D2B197
oklch(0.783 0.052 60.2)
Conversioni di colore
- HEX
- #d2b197
- RGB
- rgb(210 177 151)
- HSL
- hsl(26 40% 71%)
- HWB
- hwb(26 59% 18%)
- OKLCH
- oklch(0.783 0.052 60.2)
- OKLab
- oklab(0.783 0.026 0.045)
- CIE Lab
- lab(74.66 9.49 18.03)
- LCH
- lch(74.66 20.38 62.2)
- CMYK
- cmyk(0% 16% 28% 18%)
Tinte · Ombre · Toni
Tinte
- D7B9A1
- DBC0AB
- E0C8B6
- E4D0C0
- E9D8CA
- EDDFD5
- F2E7DF
- F6EFEA
- FBF7F4
Ombre
- B69983
- 9B836F
- 816C5C
- 685749
- 504237
- 392F26
- 241C17
- 100C08
- 020101
Toni
- CAAC95
- C1A793
- B9A290
- B19D8E
- A8988C
- A0938A
- 988F87
- 908A85
- 888582
Armonie di colore
Complementare +180°
- D2B197
Cashmere
- 9BBDD7
≈ Blue Crab Escape
Analogo -30° +30°
- D2B197
Cashmere
- D8ACA5
≈ Everything’s Rosy
- C5B792
≈ Withered Moss
Triadico +120° +240°
- D2B197
Cashmere
- 94C4B9
≈ Float Your Boat
- BDB1D5
≈ Moonraker
Complementare divisa +150° +210°
- D2B197
Cashmere
- 91C2CB
≈ Cosmic Blue
- ABB7DB
≈ Lilac Sachet
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.00:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.47:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--cashmere: #d2b197;
--cashmere-rgb: 210 177 151;
--cashmere-oklch: oklch(0.783 0.052 60.2);
}
.element {
color: var(--cashmere);
background-color: hsl(26 40% 71%);
border-color: oklch(0.783 0.052 60.2);
}Tailwind CSS v4
@theme {
--color-cashmere: #d2b197;
--color-cashmere-50: #fff2e6;
--color-cashmere-100: #f5e4d7;
--color-cashmere-200: #e5d0be;
--color-cashmere-300: #ccb29d;
--color-cashmere-400: #b69880;
--color-cashmere-500: #a07e63;
--color-cashmere-600: #886b54;
--color-cashmere-700: #6d5643;
--color-cashmere-800: #503e30;
--color-cashmere-900: #382b21;
--color-cashmere-950: #231810;
}SCSS
$cashmere: #d2b197;
$cashmere-rgb: 210, 177, 151;
$cashmere-light: mix(#fff, $cashmere, 20%);
$cashmere-dark: mix(#000, $cashmere, 20%);
.element {
color: $cashmere;
box-shadow: 0 0 0 2px rgba($cashmere, 0.35);
}