Colore con nome · #C7C2B4
Sandy Sage
Sandy Sage è #C7C2B4: rgb(199 194 180), hsl(44 15% 74%), oklch(0.814 0.02 90.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sandy Sage color name →
#C7C2B4
oklch(0.814 0.02 90.6)
Conversioni di colore
- HEX
- #c7c2b4
- RGB
- rgb(199 194 180)
- HSL
- hsl(44 15% 74%)
- HWB
- hwb(44 71% 22%)
- OKLCH
- oklch(0.814 0.02 90.6)
- OKLab
- oklab(0.814 0 0.02)
- CIE Lab
- lab(78.55 -0.01 7.72)
- LCH
- lch(78.55 7.72 90)
- CMYK
- cmyk(0% 3% 10% 22%)
Tinte · Ombre · Toni
Tinte
- CCC8BB
- D2CEC3
- D8D4CA
- DDDAD1
- E3E0D9
- E8E6E1
- EEECE8
- F4F3F0
- F9F9F7
Ombre
- ADA89C
- 938F85
- 7A776E
- 626058
- 4C4944
- 363430
- 21201D
- 0E0E0C
- 020202
Toni
- C0BBAF
- B8B4A9
- B1AEA4
- AAA79F
- A3A09A
- 9C9A94
- 95938F
- 8E8D8A
- 878685
Armonie di colore
Complementare +180°
- C7C2B4
Sandy Sage
- BDC2D0
≈ Whomp Grey
Analogo -30° +30°
- C7C2B4
Sandy Sage
- CCC0B6
≈ French Castle
- C0C4B6
≈ Balsam
Triadico +120° +240°
- C7C2B4
Sandy Sage
- B4C6C9
≈ Restful Retreat
- CABEC8
≈ Puffball
Complementare divisa +150° +210°
- C7C2B4
Sandy Sage
- B7C4CE
≈ Yorkshire Cloud
- C4C0CE
≈ Clary Sage
Tetradico +90° +180° +270°
- C7C2B4
Sandy Sage
- B5C7C3
≈ Surf Spray
- BDC2D0
≈ Whomp Grey
- CEBDC1
≈ Lady Fingers
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.80:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--sandy-sage: #c7c2b4;
--sandy-sage-rgb: 199 194 180;
--sandy-sage-oklch: oklch(0.814 0.02 90.6);
}
.element {
color: var(--sandy-sage);
background-color: hsl(44 15% 74%);
border-color: oklch(0.814 0.02 90.6);
}Tailwind CSS v4
@theme {
--color-sandy-sage: #c7c2b4;
--color-sandy-sage-50: #f7f5ef;
--color-sandy-sage-100: #eae8e0;
--color-sandy-sage-200: #d7d4cb;
--color-sandy-sage-300: #bbb7ac;
--color-sandy-sage-400: #a39e91;
--color-sandy-sage-500: #8b8677;
--color-sandy-sage-600: #767165;
--color-sandy-sage-700: #5e5b51;
--color-sandy-sage-800: #45423b;
--color-sandy-sage-900: #302e28;
--color-sandy-sage-950: #1c1a16;
}SCSS
$sandy-sage: #c7c2b4;
$sandy-sage-rgb: 199, 194, 180;
$sandy-sage-light: mix(#fff, $sandy-sage, 20%);
$sandy-sage-dark: mix(#000, $sandy-sage, 20%);
.element {
color: $sandy-sage;
box-shadow: 0 0 0 2px rgba($sandy-sage, 0.35);
}