Color con nombre · #D7B1A5
Sandpaper
Sandpaper es #D7B1A5: rgb(215 177 165), hsl(14 38% 75%), oklch(0.791 0.048 38.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Sandpaper color name →
#D7B1A5
oklch(0.791 0.048 38.3)
Conversiones de color
- HEX
- #d7b1a5
- RGB
- rgb(215 177 165)
- HSL
- hsl(14 38% 75%)
- HWB
- hwb(14 65% 16%)
- OKLCH
- oklch(0.791 0.048 38.3)
- OKLab
- oklab(0.791 0.037 0.029)
- CIE Lab
- lab(75.4 12.87 11.61)
- LCH
- lch(75.4 17.34 42)
- CMYK
- cmyk(0% 18% 23% 16%)
Tintes · Sombras · Tonos
Tintes
- DBB9AE
- DFC0B7
- E3C8BF
- E7D0C8
- EBD8D1
- EFDFDA
- F3E7E3
- F7EFED
- FBF7F6
Sombras
- BB998F
- 9F8379
- 856C65
- 6B5751
- 52423D
- 3B2F2B
- 251C1A
- 110C0A
- 020101
Tonos
- CEACA1
- C5A79E
- BCA29A
- B49D96
- AB9892
- A2938F
- 9A8F8B
- 918A87
- 898584
Armonías de color
Complementario +180°
- D7B1A5
Sandpaper
- 99C3CF
≈ Aquatic
Análogo -30° +30°
- D7B1A5
Sandpaper
- D7AFB5
≈ Radiant Rouge
- D0B69B
≈ Sugar Rush Peach Pepper
Triádico +120° +240°
- D7B1A5
Sandpaper
- A2C5AF
≈ Lobaria Lichen
- B3B8DA
≈ Frosted Iris
Complementario dividido +150° +210°
- D7B1A5
Sandpaper
- 99C5C0
≈ Pastel Turquoise
- A4BED9
≈ Everlasting
Tetrádico +90° +180° +270°
- D7B1A5
Sandpaper
- B2C1A1
≈ Camping Grounds
- 99C3CF
≈ Aquatic
- C3B3D3
≈ Plumeria
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.95:1 · APCA Lc 38
Ag
AAASobre negro
WCAG 10.72:1 · APCA Lc 65
Mejor color de texto: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmentos de código
CSS
:root {
--sandpaper: #d7b1a5;
--sandpaper-rgb: 215 177 165;
--sandpaper-oklch: oklch(0.791 0.048 38.3);
}
.element {
color: var(--sandpaper);
background-color: hsl(14 38% 75%);
border-color: oklch(0.791 0.048 38.3);
}Tailwind CSS v4
@theme {
--color-sandpaper: #d7b1a5;
--color-sandpaper-50: #fff1eb;
--color-sandpaper-100: #f7e3dc;
--color-sandpaper-200: #e7cec5;
--color-sandpaper-300: #ceb0a5;
--color-sandpaper-400: #b8958a;
--color-sandpaper-500: #a37c6f;
--color-sandpaper-600: #8a695e;
--color-sandpaper-700: #6e544b;
--color-sandpaper-800: #513d37;
--color-sandpaper-900: #392a26;
--color-sandpaper-950: #231714;
}SCSS
$sandpaper: #d7b1a5;
$sandpaper-rgb: 215, 177, 165;
$sandpaper-light: mix(#fff, $sandpaper, 20%);
$sandpaper-dark: mix(#000, $sandpaper, 20%);
.element {
color: $sandpaper;
box-shadow: 0 0 0 2px rgba($sandpaper, 0.35);
}