Colore con nome · #CABAA0
Sandy Trail
Sandy Trail è #CABAA0: rgb(202 186 160), hsl(37 28% 71%), oklch(0.795 0.04 80). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sandy Trail color name →
#CABAA0
oklch(0.795 0.04 80)
Conversioni di colore
- HEX
- #cabaa0
- RGB
- rgb(202 186 160)
- HSL
- hsl(37 28% 71%)
- HWB
- hwb(37 63% 21%)
- OKLCH
- oklch(0.795 0.04 80)
- OKLab
- oklab(0.795 0.007 0.039)
- CIE Lab
- lab(76.36 2.78 15.4)
- LCH
- lch(76.36 15.65 79.8)
- CMYK
- cmyk(0% 8% 21% 21%)
Tinte · Ombre · Toni
Tinte
- CFC1A9
- D4C8B3
- DACEBC
- DFD5C5
- E4DCCF
- EAE3D8
- EFEAE2
- F4F1EC
- FAF8F5
Ombre
- AFA18B
- 958976
- 7C7261
- 645C4E
- 4D463B
- 373229
- 221E19
- 0F0D09
- 020201
Toni
- C2B49D
- BBAE9A
- B3A897
- ACA293
- A49D90
- 9D978D
- 96918A
- 8E8B86
- 878683
Armonie di colore
Complementare +180°
- CABAA0
Sandy Trail
- AEBDD7
≈ Pigeon Post
Analogo -30° +30°
- CABAA0
Sandy Trail
- D2B5A6
≈ Treeless
- BDBFA2
≈ Quiet Waters
Triadico +120° +240°
- CABAA0
Sandy Trail
- 9FC5C6
≈ Raindrop
- C8B4CD
≈ Lavender Fog
Complementare divisa +150° +210°
- CABAA0
Sandy Trail
- A3C2D1
≈ Airborne
- BBB8D5
≈ Purple Heather
Tetradico +90° +180° +270°
- CABAA0
Sandy Trail
- A4C5B8
≈ Cascade Green
- AEBDD7
≈ Pigeon Post
- D1B2C0
≈ Kindness
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.04:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 11.04:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--sandy-trail: #cabaa0;
--sandy-trail-rgb: 202 186 160;
--sandy-trail-oklch: oklch(0.795 0.04 80);
}
.element {
color: var(--sandy-trail);
background-color: hsl(37 28% 71%);
border-color: oklch(0.795 0.04 80);
}Tailwind CSS v4
@theme {
--color-sandy-trail: #cabaa0;
--color-sandy-trail-50: #fbf4e9;
--color-sandy-trail-100: #efe7d9;
--color-sandy-trail-200: #ddd3c2;
--color-sandy-trail-300: #c2b6a1;
--color-sandy-trail-400: #ab9c84;
--color-sandy-trail-500: #948468;
--color-sandy-trail-600: #7d6f59;
--color-sandy-trail-700: #645947;
--color-sandy-trail-800: #4a4133;
--color-sandy-trail-900: #332d23;
--color-sandy-trail-950: #1f1a12;
}SCSS
$sandy-trail: #cabaa0;
$sandy-trail-rgb: 202, 186, 160;
$sandy-trail-light: mix(#fff, $sandy-trail, 20%);
$sandy-trail-dark: mix(#000, $sandy-trail, 20%);
.element {
color: $sandy-trail;
box-shadow: 0 0 0 2px rgba($sandy-trail, 0.35);
}