Cor nomeada · #DECBAB
Sandblast
Sandblast é #DECBAB: rgb(222 203 171), hsl(38 44% 77%), oklch(0.85 0.048 80.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sandblast color name →
#DECBAB
oklch(0.85 0.048 80.8)
Conversões de cor
- HEX
- #decbab
- RGB
- rgb(222 203 171)
- HSL
- hsl(38 44% 77%)
- HWB
- hwb(38 67% 13%)
- OKLCH
- oklch(0.85 0.048 80.8)
- OKLab
- oklab(0.85 0.008 0.047)
- CIE Lab
- lab(82.66 3.19 18.57)
- LCH
- lch(82.66 18.84 80.3)
- CMYK
- cmyk(0% 9% 23% 13%)
Tons claros · Sombras · Tons
Tons claros
- E1D0B3
- E5D5BC
- E8DAC4
- EBE0CC
- EFE5D5
- F2EADD
- F5EFE6
- F8F5EE
- FCFAF7
Sombras
- C1B094
- A5967E
- 897D68
- 6F6554
- 554D40
- 3D372D
- 26221B
- 120F0B
- 020201
Tons
- D4C3A7
- CBBCA2
- C1B49E
- B7AC9A
- AEA596
- A59D91
- 9B968D
- 928F89
- 898784
Harmonias de cor
Complementar +180°
- DECBAB
Sandblast
- BCCFEE
≈ Frost Fairy
Análoga -30° +30°
- DECBAB
Sandblast
- E8C5B2
≈ Pinkham
- CED1AD
≈ Olive Martini
Tríade +120° +240°
- DECBAB
Sandblast
- AAD8DA
≈ Crystal
- DCC4E1
≈ Simply Lavender
Complementar dividida +150° +210°
- DECBAB
Sandblast
- AFD4E8
≈ Chapel Blue
- CDC9EB
≈ Soap
Tétrade +90° +180° +270°
- DECBAB
Sandblast
- AFD8C9
≈ Scud
- BCCFEE
≈ Frost Fairy
- E7C1D2
≈ Childlike
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.58:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.23:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.23:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--sandblast: #decbab;
--sandblast-rgb: 222 203 171;
--sandblast-oklch: oklch(0.85 0.048 80.8);
}
.element {
color: var(--sandblast);
background-color: hsl(38 44% 77%);
border-color: oklch(0.85 0.048 80.8);
}Tailwind CSS v4
@theme {
--color-sandblast: #decbab;
--color-sandblast-50: #fcf4e6;
--color-sandblast-100: #f0e7d6;
--color-sandblast-200: #ded3be;
--color-sandblast-300: #c3b69c;
--color-sandblast-400: #ad9c7f;
--color-sandblast-500: #978362;
--color-sandblast-600: #7f6f53;
--color-sandblast-700: #665942;
--color-sandblast-800: #4b4130;
--color-sandblast-900: #342d20;
--color-sandblast-950: #201a10;
}SCSS
$sandblast: #decbab;
$sandblast-rgb: 222, 203, 171;
$sandblast-light: mix(#fff, $sandblast, 20%);
$sandblast-dark: mix(#000, $sandblast, 20%);
.element {
color: $sandblast;
box-shadow: 0 0 0 2px rgba($sandblast, 0.35);
}