Color con nombre más cercano · #D7B296
#D7B296
Color con nombre más cercano: Cashmere
#D7B296 (rgb(215 178 150), hsl(26 45% 72%), oklch(0.789 0.058 58.9)) se parece más al color con nombre Cashmere. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D7B296
oklch(0.789 0.058 58.9)
Conversiones de color
- HEX
- #d7b296
- RGB
- rgb(215 178 150)
- HSL
- hsl(26 45% 72%)
- HWB
- hwb(26 59% 16%)
- OKLCH
- oklch(0.789 0.058 58.9)
- OKLab
- oklab(0.789 0.03 0.049)
- CIE Lab
- lab(75.38 10.85 19.65)
- LCH
- lch(75.38 22.45 61.1)
- CMYK
- cmyk(0% 17% 30% 16%)
Tintes · Sombras · Tonos
Tintes
- DBBAA0
- DFC1AB
- E3C9B5
- E7D0BF
- EBD8CA
- EFE0D4
- F3E8DF
- F7EFEA
- FBF7F4
Sombras
- BB9A82
- 9F836E
- 856D5B
- 6B5749
- 524337
- 3B2F26
- 251D16
- 110C08
- 020101
Tonos
- CEAD94
- C5A892
- BCA390
- B49E8E
- AB998B
- A29489
- 9A8F87
- 918A85
- 888582
Armonías de color
Complementario +180°
- D7B296
Cashmere
- 99C0DC
≈ January Frost
Análogo -30° +30°
- D7B296
Cashmere
- DDADA5
≈ Pale Blush
- C9B990
≈ Earth Friendly
Triádico +120° +240°
- D7B296
Cashmere
- 92C7BB
≈ Float Your Boat
- BFB3DB
≈ Moonraker
Complementario dividido +150° +210°
- D7B296
Cashmere
- 8FC5CE
≈ Cosmic Blue
- ABB9E0
≈ French Lilac Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASobre negro
WCAG 10.69:1 · APCA Lc 65
Mejor color de texto: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmentos de código
CSS
:root {
--cashmere: #d7b296;
--cashmere-rgb: 215 178 150;
--cashmere-oklch: oklch(0.789 0.058 58.9);
}
.element {
color: var(--cashmere);
background-color: hsl(26 45% 72%);
border-color: oklch(0.789 0.058 58.9);
}Tailwind CSS v4
@theme {
--color-cashmere: #d7b296;
--color-cashmere-50: #fff2e5;
--color-cashmere-100: #f7e4d5;
--color-cashmere-200: #e7cfbc;
--color-cashmere-300: #ceb19a;
--color-cashmere-400: #b9977d;
--color-cashmere-500: #a37d60;
--color-cashmere-600: #8a6a51;
--color-cashmere-700: #6f5541;
--color-cashmere-800: #523d2f;
--color-cashmere-900: #392a20;
--color-cashmere-950: #23180f;
}SCSS
$cashmere: #d7b296;
$cashmere-rgb: 215, 178, 150;
$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);
}