Colore con nome · #918151
Syndicate Camouflage
Syndicate Camouflage è #918151: rgb(145 129 81), hsl(45 28% 44%), oklch(0.606 0.069 91.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Syndicate Camouflage color name →
#918151
oklch(0.606 0.069 91.7)
Conversioni di colore
- HEX
- #918151
- RGB
- rgb(145 129 81)
- HSL
- hsl(45 28% 44%)
- HWB
- hwb(45 32% 43%)
- OKLCH
- oklch(0.606 0.069 91.7)
- OKLab
- oklab(0.606 -0.002 0.069)
- CIE Lab
- lab(54.59 1.15 28.32)
- LCH
- lch(54.59 28.34 87.7)
- CMYK
- cmyk(0% 11% 44% 43%)
Tinte · Ombre · Toni
Tinte
- 9B8D62
- A69973
- B1A684
- BCB295
- C7BEA6
- D2CBB8
- DDD8C9
- E8E5DB
- F4F2ED
Ombre
- 7D6F45
- 6A5E3A
- 584E2F
- 463E24
- 352E1A
- 251F10
- 151207
- 070602
- 010100
Toni
- 8F8156
- 8E815C
- 8C8161
- 8A8165
- 88816A
- 87816F
- 858173
- 838077
- 82807C
Armonie di colore
Complementare +180°
- 918151
Syndicate Camouflage
- 7380AC
≈ Venture Violet
Analogo -30° +30°
- 918151
Syndicate Camouflage
- A07957
≈ Sidesaddle
- 7B895A
≈ Sage Leaves
Triadico +120° +240°
- 918151
Syndicate Camouflage
- 4D8D9A
≈ Blue Square
- 9B7395
≈ Rebel Rouser
Complementare divisa +150° +210°
- 918151
Syndicate Camouflage
- 5C87A8
≈ Safe Haven
- 8979A5
≈ Aster
Tetradico +90° +180° +270°
- 918151
Syndicate Camouflage
- 4F9085
≈ Dusty Teal
- 7380AC
≈ Venture Violet
- A5717F
≈ Never Forget
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.84:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.46:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--syndicate-camouflage: #918151;
--syndicate-camouflage-rgb: 145 129 81;
--syndicate-camouflage-oklch: oklch(0.606 0.069 91.7);
}
.element {
color: var(--syndicate-camouflage);
background-color: hsl(45 28% 44%);
border-color: oklch(0.606 0.069 91.7);
}Tailwind CSS v4
@theme {
--color-syndicate-camouflage: #918151;
--color-syndicate-camouflage-50: #fbf5e0;
--color-syndicate-camouflage-100: #efe8cf;
--color-syndicate-camouflage-200: #ded4b4;
--color-syndicate-camouflage-300: #c3b790;
--color-syndicate-camouflage-400: #ad9e6f;
--color-syndicate-camouflage-500: #97854f;
--color-syndicate-camouflage-600: #7f7144;
--color-syndicate-camouflage-700: #665a36;
--color-syndicate-camouflage-800: #4c4126;
--color-syndicate-camouflage-900: #352d19;
--color-syndicate-camouflage-950: #201a0a;
}SCSS
$syndicate-camouflage: #918151;
$syndicate-camouflage-rgb: 145, 129, 81;
$syndicate-camouflage-light: mix(#fff, $syndicate-camouflage, 20%);
$syndicate-camouflage-dark: mix(#000, $syndicate-camouflage, 20%);
.element {
color: $syndicate-camouflage;
box-shadow: 0 0 0 2px rgba($syndicate-camouflage, 0.35);
}