Cor nomeada · #DCCCB4
Seriously Sand
Seriously Sand é #DCCCB4: rgb(220 204 180), hsl(36 36% 78%), oklch(0.852 0.037 78.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Seriously Sand color name →
#DCCCB4
oklch(0.852 0.037 78.1)
Conversões de cor
- HEX
- #dcccb4
- RGB
- rgb(220 204 180)
- HSL
- hsl(36 36% 78%)
- HWB
- hwb(36 71% 14%)
- OKLCH
- oklch(0.852 0.037 78.1)
- OKLab
- oklab(0.852 0.008 0.036)
- CIE Lab
- lab(82.9 2.91 14.13)
- LCH
- lch(82.9 14.42 78.4)
- CMYK
- cmyk(0% 7% 18% 14%)
Tons claros · Sombras · Tons
Tons claros
- DFD1BB
- E3D6C3
- E6DBCA
- EAE0D2
- EDE5D9
- F1EAE1
- F4F0E8
- F8F5F0
- FBFAF7
Sombras
- BFB19C
- A39785
- 887E6E
- 6E6558
- 544E44
- 3C3730
- 26221D
- 110F0C
- 020202
Tons
- D2C4AF
- C9BCA9
- C0B5A4
- B6AD9F
- ADA59A
- A49E95
- 9B968F
- 928F8A
- 898785
Harmonias de cor
Complementar +180°
- DCCCB4
Seriously Sand
- C0D0E7
≈ Misty Mountains
Análoga -30° +30°
- DCCCB4
Seriously Sand
- E4C8BA
≈ Lyman Camellia
- D0D1B5
≈ Pickling Spice
Tríade +120° +240°
- DCCCB4
Seriously Sand
- B3D6D7
≈ Dante Peak
- D9C7DE
≈ Euphoric Lilac
Complementar dividida +150° +210°
- DCCCB4
Seriously Sand
- B6D4E2
≈ Pale Whale
- CDCBE6
≈ Foggy Plateau
Tétrade +90° +180° +270°
- DCCCB4
Seriously Sand
- B8D7CA
≈ Gemini
- C0D0E7
≈ Misty Mountains
- E2C5D3
≈ Etcetera
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.33:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.33:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--seriously-sand: #dcccb4;
--seriously-sand-rgb: 220 204 180;
--seriously-sand-oklch: oklch(0.852 0.037 78.1);
}
.element {
color: var(--seriously-sand);
background-color: hsl(36 36% 78%);
border-color: oklch(0.852 0.037 78.1);
}Tailwind CSS v4
@theme {
--color-seriously-sand: #dcccb4;
--color-seriously-sand-50: #fbf4ea;
--color-seriously-sand-100: #eee7da;
--color-seriously-sand-200: #ddd3c3;
--color-seriously-sand-300: #c1b6a3;
--color-seriously-sand-400: #ab9c86;
--color-seriously-sand-500: #94846b;
--color-seriously-sand-600: #7d6f5b;
--color-seriously-sand-700: #645948;
--color-seriously-sand-800: #4a4134;
--color-seriously-sand-900: #332d24;
--color-seriously-sand-950: #1f1a12;
}SCSS
$seriously-sand: #dcccb4;
$seriously-sand-rgb: 220, 204, 180;
$seriously-sand-light: mix(#fff, $seriously-sand, 20%);
$seriously-sand-dark: mix(#000, $seriously-sand, 20%);
.element {
color: $seriously-sand;
box-shadow: 0 0 0 2px rgba($seriously-sand, 0.35);
}