Colore con nome · #C7B8A4
Sandy Toes
Sandy Toes è #C7B8A4: rgb(199 184 164), hsl(34 24% 71%), oklch(0.79 0.032 75.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sandy Toes color name →
#C7B8A4
oklch(0.79 0.032 75.1)
Conversioni di colore
- HEX
- #c7b8a4
- RGB
- rgb(199 184 164)
- HSL
- hsl(34 24% 71%)
- HWB
- hwb(34 64% 22%)
- OKLCH
- oklch(0.79 0.032 75.1)
- OKLab
- oklab(0.79 0.008 0.031)
- CIE Lab
- lab(75.65 3.07 12.23)
- LCH
- lch(75.65 12.61 75.9)
- CMYK
- cmyk(0% 8% 18% 22%)
Tinte · Ombre · Toni
Tinte
- CDBFAD
- D2C6B6
- D8CDBF
- DDD4C8
- E3DBD1
- E8E2DA
- EEE9E3
- F4F1EC
- F9F8F6
Ombre
- ADA08E
- 938879
- 7A7164
- 625B50
- 4C453D
- 36312B
- 211E1A
- 0E0C0A
- 020201
Toni
- C0B2A0
- B8AD9D
- B1A799
- AAA196
- A39C92
- 9C968E
- 95908B
- 8E8B87
- 878584
Armonie di colore
Complementare +180°
- C7B8A4
Sandy Toes
- ADBCD0
≈ Sailor Boy
Analogo -30° +30°
- C7B8A4
Sandy Toes
- CDB5AA
≈ Sashay Sand
- BDBCA4
≈ Restful
Triadico +120° +240°
- C7B8A4
Sandy Toes
- A3C1C1
≈ Aspiring Blue
- C3B5C9
≈ Delicate Mauve
Complementare divisa +150° +210°
- C7B8A4
Sandy Toes
- A5BFCA
≈ Frozen Tundra
- B8B8CF
≈ Fragile
Tetradico +90° +180° +270°
- C7B8A4
Sandy Toes
- A8C1B5
≈ Folk Tales
- ADBCD0
≈ Sailor Boy
- CBB3BF
≈ Candlelight Dinner
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.94:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.82:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--sandy-toes: #c7b8a4;
--sandy-toes-rgb: 199 184 164;
--sandy-toes-oklch: oklch(0.79 0.032 75.1);
}
.element {
color: var(--sandy-toes);
background-color: hsl(34 24% 71%);
border-color: oklch(0.79 0.032 75.1);
}Tailwind CSS v4
@theme {
--color-sandy-toes: #c7b8a4;
--color-sandy-toes-50: #faf4eb;
--color-sandy-toes-100: #eee7dc;
--color-sandy-toes-200: #dcd3c5;
--color-sandy-toes-300: #c1b6a5;
--color-sandy-toes-400: #aa9c8a;
--color-sandy-toes-500: #93846f;
--color-sandy-toes-600: #7c6f5e;
--color-sandy-toes-700: #64594b;
--color-sandy-toes-800: #494136;
--color-sandy-toes-900: #332d25;
--color-sandy-toes-950: #1f1a14;
}SCSS
$sandy-toes: #c7b8a4;
$sandy-toes-rgb: 199, 184, 164;
$sandy-toes-light: mix(#fff, $sandy-toes, 20%);
$sandy-toes-dark: mix(#000, $sandy-toes, 20%);
.element {
color: $sandy-toes;
box-shadow: 0 0 0 2px rgba($sandy-toes, 0.35);
}