Named color · #4B6113
Camouflage Green
Camouflage Green is #4B6113: rgb(75 97 19), hsl(77 67% 23%), oklch(0.459 0.104 124.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Camouflage Green color name →
#4B6113
oklch(0.459 0.104 124.5)
Color conversions
- HEX
- #4b6113
- RGB
- rgb(75 97 19)
- HSL
- hsl(77 67% 23%)
- HWB
- hwb(77 7% 62%)
- OKLCH
- oklch(0.459 0.104 124.5)
- OKLab
- oklab(0.459 -0.059 0.086)
- CIE Lab
- lab(38.15 -17.5 38.29)
- LCH
- lch(38.15 42.1 114.6)
- CMYK
- cmyk(23% 0% 80% 62%)
Tints · Shades · Tones
Tints
- 5B702F
- 6C7F47
- 7D8E5D
- 8E9E73
- A0AE8A
- B2BEA1
- C5CEB8
- D8DECF
- EBEEE7
Shades
- 40530F
- 35460B
- 2B3907
- 212D05
- 172103
- 0E1501
- 060B01
- 020300
- 000000
Tones
- 506423
- 556830
- 5A6B3B
- 606E46
- 657150
- 6A745A
- 707763
- 757A6D
- 7A7D76
Color harmonies
Complementary +180°
- 4B6113
Camouflage Green
- 654786
≈ Lords of the Night
Analogous -30° +30°
- 4B6113
Camouflage Green
- 695600
≈ Ayahuasca Vine
- 16683C
≈ Frog Green
Triadic +120° +240°
- 4B6113
Camouflage Green
- 145C8D
≈ Buccaneer Blue
- 863B50
≈ Camelot
Split-complementary +150° +210°
- 4B6113
Camouflage Green
- 475191
≈ Demon Blue
- 7A3F6F
≈ Spring Lobster Dye
Tetradic +90° +180° +270°
- 4B6113
Camouflage Green
- 006373
≈ Green Spool
- 654786
≈ Lords of the Night
- 883F2E
≈ Boxcar
Contrast & accessibility
Ag
AAOn white
WCAG 6.95:1 · APCA Lc 84
Ag
FailOn black
WCAG 3.01:1 · APCA Lc 18
Best text color: #FFFFFF
WCAG 6.95:1 (AA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--camouflage-green: #4b6113;
--camouflage-green-rgb: 75 97 19;
--camouflage-green-oklch: oklch(0.459 0.104 124.5);
}
.element {
color: var(--camouflage-green);
background-color: hsl(77 67% 23%);
border-color: oklch(0.459 0.104 124.5);
}Tailwind CSS v4
@theme {
--color-camouflage-green: #4b6113;
--color-camouflage-green-50: #edfbdb;
--color-camouflage-green-100: #dfefca;
--color-camouflage-green-200: #c9ddad;
--color-camouflage-green-300: #a9c287;
--color-camouflage-green-400: #91a963;
--color-camouflage-green-500: #77923f;
--color-camouflage-green-600: #657b36;
--color-camouflage-green-700: #51632b;
--color-camouflage-green-800: #3c481c;
--color-camouflage-green-900: #293212;
--color-camouflage-green-950: #171e05;
}SCSS
$camouflage-green: #4b6113;
$camouflage-green-rgb: 75, 97, 19;
$camouflage-green-light: mix(#fff, $camouflage-green, 20%);
$camouflage-green-dark: mix(#000, $camouflage-green, 20%);
.element {
color: $camouflage-green;
box-shadow: 0 0 0 2px rgba($camouflage-green, 0.35);
}