Benoemde kleur · #7F8F4E
Camo
Camo is #7F8F4E: rgb(127 143 78), hsl(75 29% 43%), oklch(0.622 0.091 120.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Camo color name →
#7F8F4E
oklch(0.622 0.091 120.5)
Kleurconversies
- HEX
- #7f8f4e
- RGB
- rgb(127 143 78)
- HSL
- hsl(75 29% 43%)
- HWB
- hwb(75 31% 44%)
- OKLCH
- oklch(0.622 0.091 120.5)
- OKLab
- oklab(0.622 -0.046 0.079)
- CIE Lab
- lab(56.95 -14 32.39)
- LCH
- lch(56.95 35.28 113.4)
- CMYK
- cmyk(11% 0% 45% 44%)
Tinten · Schaduwen · Tonen
Tinten
- 8B9A60
- 97A571
- A3B083
- B0BB94
- BDC6A6
- CAD1B7
- D7DDC9
- E4E8DB
- F1F3ED
Schaduwen
- 6E7C43
- 5D6938
- 4C572D
- 3C4523
- 2D3419
- 1F240F
- 111507
- 060702
- 010100
Tonen
- 7F8E54
- 7F8C5A
- 7F8B5F
- 7F8964
- 7F8869
- 7F866E
- 808573
- 808377
- 80827C
Kleurharmonieën
Complementair +180°
- 7F8F4E
Camo
- 8F7AB5
≈ Royal Raul
Analoog -30° +30°
- 7F8F4E
Camo
- 9C8441
≈ Madagascar
- 5C966A
≈ Endless
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- 7F8F4E
Camo
- 7284BE
≈ Orbital
- A672A1
≈ Orchid Kiss
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.53:1 · APCA Lc 63
Ag
AAOp zwart
WCAG 5.94:1 · APCA Lc 39
Beste tekstkleur: #000000
WCAG 5.94:1 (AA) · APCA Lc 39
Contrast pairs
Codefragmenten
CSS
:root {
--camo: #7f8f4e;
--camo-rgb: 127 143 78;
--camo-oklch: oklch(0.622 0.091 120.5);
}
.element {
color: var(--camo);
background-color: hsl(75 29% 43%);
border-color: oklch(0.622 0.091 120.5);
}Tailwind CSS v4
@theme {
--color-camo: #7f8f4e;
--color-camo-50: #f0fadd;
--color-camo-100: #e2edcc;
--color-camo-200: #cddbb0;
--color-camo-300: #afbf8b;
--color-camo-400: #97a769;
--color-camo-500: #7e8f46;
--color-camo-600: #6b793c;
--color-camo-700: #556130;
--color-camo-800: #3f4720;
--color-camo-900: #2b3115;
--color-camo-950: #191d07;
}SCSS
$camo: #7f8f4e;
$camo-rgb: 127, 143, 78;
$camo-light: mix(#fff, $camo, 20%);
$camo-dark: mix(#000, $camo, 20%);
.element {
color: $camo;
box-shadow: 0 0 0 2px rgba($camo, 0.35);
}