Color con nombre · #D8D6C5
Whetstone
Whetstone es #D8D6C5: rgb(216 214 197), hsl(54 20% 81%), oklch(0.873 0.023 101.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Whetstone color name →
#D8D6C5
oklch(0.873 0.023 101.4)
Conversiones de color
- HEX
- #d8d6c5
- RGB
- rgb(216 214 197)
- HSL
- hsl(54 20% 81%)
- HWB
- hwb(54 77% 15%)
- OKLCH
- oklch(0.873 0.023 101.4)
- OKLab
- oklab(0.873 -0.005 0.023)
- CIE Lab
- lab(85.44 -1.47 8.69)
- LCH
- lch(85.44 8.81 99.6)
- CMYK
- cmyk(0% 1% 9% 15%)
Tintes · Sombras · Tonos
Tintes
- DCDACB
- E0DED0
- E4E2D6
- E7E6DC
- EBEAE2
- EFEEE8
- F3F3ED
- F7F7F3
- FBFBF9
Sombras
- BCBAAB
- A09E92
- 858479
- 6B6A61
- 53524B
- 3B3B35
- 252521
- 11100E
- 020202
Tonos
- CFCDBE
- C6C4B7
- BDBBB0
- B4B3A9
- ABAAA2
- A2A19B
- 999994
- 91918D
- 888887
Armonías de color
Complementario +180°
- D8D6C5
Whetstone
- D2D4E5
≈ Blushing Lilac
Análogo -30° +30°
- D8D6C5
Whetstone
- DFD3C5
≈ Wheat Sheaf
- D0D9C9
≈ Bayberry Frost
Triádico +120° +240°
- D8D6C5
Whetstone
- C6D9E0
≈ Balmy
- E1D0DA
≈ Orchid Ice
Complementario dividido +150° +210°
- D8D6C5
Whetstone
- CBD7E4
≈ Arctic Air
- DAD1E1
≈ Purple Mist
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.34:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.34:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--whetstone: #d8d6c5;
--whetstone-rgb: 216 214 197;
--whetstone-oklch: oklch(0.873 0.023 101.4);
}
.element {
color: var(--whetstone);
background-color: hsl(54 20% 81%);
border-color: oklch(0.873 0.023 101.4);
}Tailwind CSS v4
@theme {
--color-whetstone: #d8d6c5;
--color-whetstone-50: #f6f5ee;
--color-whetstone-100: #e9e8e0;
--color-whetstone-200: #d6d5ca;
--color-whetstone-300: #b9b8ab;
--color-whetstone-400: #a19f90;
--color-whetstone-500: #898776;
--color-whetstone-600: #747264;
--color-whetstone-700: #5d5b50;
--color-whetstone-800: #44433a;
--color-whetstone-900: #2f2e27;
--color-whetstone-950: #1c1b16;
}SCSS
$whetstone: #d8d6c5;
$whetstone-rgb: 216, 214, 197;
$whetstone-light: mix(#fff, $whetstone, 20%);
$whetstone-dark: mix(#000, $whetstone, 20%);
.element {
color: $whetstone;
box-shadow: 0 0 0 2px rgba($whetstone, 0.35);
}