Color con nombre · #E6E5D3
Sand Puffs
Sand Puffs es #E6E5D3: rgb(230 229 211), hsl(57 28% 86%), oklch(0.918 0.024 104.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Sand Puffs color name →
#E6E5D3
oklch(0.918 0.024 104.3)
Conversiones de color
- HEX
- #e6e5d3
- RGB
- rgb(230 229 211)
- HSL
- hsl(57 28% 86%)
- HWB
- hwb(57 83% 10%)
- OKLCH
- oklch(0.918 0.024 104.3)
- OKLab
- oklab(0.918 -0.006 0.023)
- CIE Lab
- lab(90.65 -1.94 8.94)
- LCH
- lch(90.65 9.15 102.3)
- CMYK
- cmyk(0% 0% 8% 10%)
Tintes · Sombras · Tonos
Tintes
- E8E8D7
- EBEADC
- EDEDE0
- F0EFE5
- F2F2E9
- F5F5ED
- F7F7F2
- FAFAF6
- FCFCFB
Sombras
- C8C7B7
- ABAA9C
- 8E8E82
- 737269
- 595851
- 403F3A
- 282824
- 131210
- 030302
Tonos
- DBDACA
- D1D0C2
- C6C6B9
- BCBBB1
- B2B1A9
- A7A7A0
- 9D9D98
- 939390
- 8A8A88
Armonías de color
Complementario +180°
- E6E5D3
Sand Puffs
- E1E2F4
≈ Iris Ice
Análogo -30° +30°
- E6E5D3
Sand Puffs
- EEE2D3
≈ Battered Sausage
- DDE8D8
≈ Lime Daiquiri
Triádico +120° +240°
- E6E5D3
Sand Puffs
- D4E8F0
≈ On Thin Ice
- F0DEE8
≈ Wishy-Washy Pink
Complementario dividido +150° +210°
- E6E5D3
Sand Puffs
- D9E5F4
≈ Icicle Veil
- EADFEF
≈ Pink Champagne
Tetrádico +90° +180° +270°
- E6E5D3
Sand Puffs
- D3E9E8
≈ Queen of Waves
- E1E2F4
≈ Iris Ice
- F4DEDF
≈ Heavenly Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.27:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.51:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.51:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--sand-puffs: #e6e5d3;
--sand-puffs-rgb: 230 229 211;
--sand-puffs-oklch: oklch(0.918 0.024 104.3);
}
.element {
color: var(--sand-puffs);
background-color: hsl(57 28% 86%);
border-color: oklch(0.918 0.024 104.3);
}Tailwind CSS v4
@theme {
--color-sand-puffs: #e6e5d3;
--color-sand-puffs-50: #f6f6ee;
--color-sand-puffs-100: #e9e8df;
--color-sand-puffs-200: #d5d5ca;
--color-sand-puffs-300: #b9b8ab;
--color-sand-puffs-400: #a09f8f;
--color-sand-puffs-500: #888775;
--color-sand-puffs-600: #737263;
--color-sand-puffs-700: #5c5c4f;
--color-sand-puffs-800: #444339;
--color-sand-puffs-900: #2f2e27;
--color-sand-puffs-950: #1b1b15;
}SCSS
$sand-puffs: #e6e5d3;
$sand-puffs-rgb: 230, 229, 211;
$sand-puffs-light: mix(#fff, $sand-puffs, 20%);
$sand-puffs-dark: mix(#000, $sand-puffs, 20%);
.element {
color: $sand-puffs;
box-shadow: 0 0 0 2px rgba($sand-puffs, 0.35);
}