Colore con nome · #9B8C7B
German Camouflage Beige
German Camouflage Beige è #9B8C7B: rgb(155 140 123), hsl(32 14% 55%), oklch(0.649 0.03 70.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · German Camouflage Beige color name →
#9B8C7B
oklch(0.649 0.03 70.7)
Conversioni di colore
- HEX
- #9b8c7b
- RGB
- rgb(155 140 123)
- HSL
- hsl(32 14% 55%)
- HWB
- hwb(32 48% 39%)
- OKLCH
- oklch(0.649 0.03 70.7)
- OKLab
- oklab(0.649 0.01 0.029)
- CIE Lab
- lab(59.25 3.69 11.27)
- LCH
- lch(59.25 11.86 71.9)
- CMYK
- cmyk(0% 10% 21% 39%)
Tinte · Ombre · Toni
Tinte
- A59787
- AEA294
- B8ADA1
- C2B9AE
- CCC4BB
- D6D0C8
- E0DBD6
- EAE7E3
- F5F3F1
Ombre
- 86796A
- 72675A
- 5E554A
- 4B433A
- 39332C
- 28231E
- 181410
- 090705
- 010101
Toni
- 988B7C
- 968A7C
- 93887D
- 90877D
- 8D867E
- 8B857E
- 88847F
- 85827F
- 838180
Armonie di colore
Complementare +180°
- 9B8C7B
German Camouflage Beige
- 8191A1
≈ Diopside Blue
Analogo -30° +30°
- 9B8C7B
German Camouflage Beige
- A08981
≈ Aspiration
- 93907B
≈ Muted Sage
Triadico +120° +240°
- 9B8C7B
German Camouflage Beige
- 7A9593
≈ Subtle Turquoise
- 958A9D
≈ Eccentricity
Complementare divisa +150° +210°
- 9B8C7B
German Camouflage Beige
- 7B939C
≈ Inland Waters
- 8B8DA2
≈ Violet Verbena
Tetradico +90° +180° +270°
- 9B8C7B
German Camouflage Beige
- 7F9589
≈ Azores
- 8191A1
≈ Diopside Blue
- 9C8894
≈ Piano Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.26:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.43:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.43:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--german-camouflage-beige: #9b8c7b;
--german-camouflage-beige-rgb: 155 140 123;
--german-camouflage-beige-oklch: oklch(0.649 0.03 70.7);
}
.element {
color: var(--german-camouflage-beige);
background-color: hsl(32 14% 55%);
border-color: oklch(0.649 0.03 70.7);
}Tailwind CSS v4
@theme {
--color-german-camouflage-beige: #9b8c7b;
--color-german-camouflage-beige-50: #fbf4ec;
--color-german-camouflage-beige-100: #eee6dd;
--color-german-camouflage-beige-200: #dcd2c6;
--color-german-camouflage-beige-300: #c1b5a7;
--color-german-camouflage-beige-400: #aa9c8b;
--color-german-camouflage-beige-500: #938371;
--color-german-camouflage-beige-600: #7d6f5f;
--color-german-camouflage-beige-700: #64594c;
--color-german-camouflage-beige-800: #4a4137;
--color-german-camouflage-beige-900: #332d26;
--color-german-camouflage-beige-950: #1f1a14;
}SCSS
$german-camouflage-beige: #9b8c7b;
$german-camouflage-beige-rgb: 155, 140, 123;
$german-camouflage-beige-light: mix(#fff, $german-camouflage-beige, 20%);
$german-camouflage-beige-dark: mix(#000, $german-camouflage-beige, 20%);
.element {
color: $german-camouflage-beige;
box-shadow: 0 0 0 2px rgba($german-camouflage-beige, 0.35);
}