Colore con nome · #8C8475
Camo Beige
Camo Beige è #8C8475: rgb(140 132 117), hsl(39 9% 50%), oklch(0.616 0.024 83.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Camo Beige color name →
#8C8475
oklch(0.616 0.024 83.2)
Conversioni di colore
- HEX
- #8c8475
- RGB
- rgb(140 132 117)
- HSL
- hsl(39 9% 50%)
- HWB
- hwb(39 46% 45%)
- OKLCH
- oklch(0.616 0.024 83.2)
- OKLab
- oklab(0.616 0.003 0.024)
- CIE Lab
- lab(55.54 1.14 9.27)
- LCH
- lch(55.54 9.34 83)
- CMYK
- cmyk(0% 6% 16% 45%)
Tinte · Ombre · Toni
Tinte
- 979082
- A29B8F
- ADA79C
- B8B3AA
- C4C0B8
- D0CCC6
- DBD9D4
- E7E5E2
- F3F2F0
Ombre
- 797265
- 676055
- 554F46
- 433F37
- 332F29
- 23201C
- 14120F
- 070605
- 010101
Toni
- 8B8476
- 8A8377
- 888378
- 87827A
- 86827B
- 85827C
- 84817D
- 82817E
- 81807F
Armonie di colore
Complementare +180°
- 8C8475
Camo Beige
- 7D8594
≈ Stand Out
Analogo -30° +30°
- 8C8475
Camo Beige
- 918178
≈ Chocolate Chiffon
- 858776
≈ Cottage Lattice Green
Triadico +120° +240°
- 8C8475
Camo Beige
- 758A8B
≈ Leisure Time
- 8C808D
≈ Asian Violet
Complementare divisa +150° +210°
- 8C8475
Camo Beige
- 778891
≈ Deep Channel
- 858393
≈ Mecha Metal
Tetradico +90° +180° +270°
- 8C8475
Camo Beige
- 778A84
≈ Juniper Ash
- 7D8594
≈ Stand Out
- 917F86
≈ Purple Dove
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.70:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.67:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--camo-beige: #8c8475;
--camo-beige-rgb: 140 132 117;
--camo-beige-oklch: oklch(0.616 0.024 83.2);
}
.element {
color: var(--camo-beige);
background-color: hsl(39 9% 50%);
border-color: oklch(0.616 0.024 83.2);
}Tailwind CSS v4
@theme {
--color-camo-beige: #8c8475;
--color-camo-beige-50: #f8f5ee;
--color-camo-beige-100: #ebe7df;
--color-camo-beige-200: #d9d4c9;
--color-camo-beige-300: #bdb7aa;
--color-camo-beige-400: #a59d8f;
--color-camo-beige-500: #8e8575;
--color-camo-beige-600: #787163;
--color-camo-beige-700: #605a4f;
--color-camo-beige-800: #474239;
--color-camo-beige-900: #312d27;
--color-camo-beige-950: #1d1a15;
}SCSS
$camo-beige: #8c8475;
$camo-beige-rgb: 140, 132, 117;
$camo-beige-light: mix(#fff, $camo-beige, 20%);
$camo-beige-dark: mix(#000, $camo-beige, 20%);
.element {
color: $camo-beige;
box-shadow: 0 0 0 2px rgba($camo-beige, 0.35);
}