Colore con nome · #CAB79C
Elemental Tan
Elemental Tan è #CAB79C: rgb(202 183 156), hsl(35 30% 70%), oklch(0.788 0.043 76.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Elemental Tan color name →
#CAB79C
oklch(0.788 0.043 76.6)
Conversioni di colore
- HEX
- #cab79c
- RGB
- rgb(202 183 156)
- HSL
- hsl(35 30% 70%)
- HWB
- hwb(35 61% 21%)
- OKLCH
- oklch(0.788 0.043 76.6)
- OKLab
- oklab(0.788 0.01 0.042)
- CIE Lab
- lab(75.52 3.85 16.38)
- LCH
- lch(75.52 16.83 76.8)
- CMYK
- cmyk(0% 9% 23% 21%)
Tinte · Ombre · Toni
Tinte
- CFBEA6
- D5C5AF
- DACCB9
- DFD3C3
- E4DBCD
- EAE2D7
- EFE9E1
- F4F0EB
- FAF8F5
Ombre
- AF9F87
- 958773
- 7C705F
- 645A4C
- 4D4539
- 373128
- 221E18
- 0F0C09
- 020201
Toni
- C2B199
- BBAC97
- B3A694
- ACA191
- A49B8E
- 9D968B
- 969089
- 8E8B86
- 878583
Armonie di colore
Complementare +180°
- CAB79C
Elemental Tan
- A9BCD6
≈ Babbling Creek
Analogo -30° +30°
- CAB79C
Elemental Tan
- D2B2A3
≈ Cosmic Aura
- BDBC9D
≈ Dried Thyme
Triadico +120° +240°
- CAB79C
Elemental Tan
- 9BC3C3
≈ Favourite Sweater
- C5B2CD
≈ Lavender Fog
Complementare divisa +150° +210°
- CAB79C
Elemental Tan
- 9EC0D0
≈ Gift of the Sea
- B7B7D5
≈ Purple Heather
Tetradico +90° +180° +270°
- CAB79C
Elemental Tan
- A1C3B4
≈ Green Silk
- A9BCD6
≈ Babbling Creek
- D0AFBF
≈ Pink Potion
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.95:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.76:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.76:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--elemental-tan: #cab79c;
--elemental-tan-rgb: 202 183 156;
--elemental-tan-oklch: oklch(0.788 0.043 76.6);
}
.element {
color: var(--elemental-tan);
background-color: hsl(35 30% 70%);
border-color: oklch(0.788 0.043 76.6);
}Tailwind CSS v4
@theme {
--color-elemental-tan: #cab79c;
--color-elemental-tan-50: #fcf4e8;
--color-elemental-tan-100: #f0e7d8;
--color-elemental-tan-200: #ded2c0;
--color-elemental-tan-300: #c4b59f;
--color-elemental-tan-400: #ad9c83;
--color-elemental-tan-500: #978366;
--color-elemental-tan-600: #7f6f57;
--color-elemental-tan-700: #665945;
--color-elemental-tan-800: #4b4032;
--color-elemental-tan-900: #342c22;
--color-elemental-tan-950: #201911;
}SCSS
$elemental-tan: #cab79c;
$elemental-tan-rgb: 202, 183, 156;
$elemental-tan-light: mix(#fff, $elemental-tan, 20%);
$elemental-tan-dark: mix(#000, $elemental-tan, 20%);
.element {
color: $elemental-tan;
box-shadow: 0 0 0 2px rgba($elemental-tan, 0.35);
}