ColorTool
Log in
#394F0A

#394f0a ≈ Army Green

  • yellow-green
  • Lightness: very low
  • Saturation: moderate
  • Balanced
Check contrast Explore in graph Random color

#394f0a is a color from the yellow-green family, with very low lightness and moderate saturation. In the RGB model it is made of 22.35% red, 30.98% green and 3.92% blue; printed in CMYK it uses 27.85% cyan, 0% magenta, 87.34% yellow and 69.02% black. Its hue angle is 79.13°, with 77.53% saturation and 17.45% lightness in HSL. It sits between warm and cool, and is often associated with freshness, growth and vitality. Designers typically use it for eco-friendly brands, health and wellness and luxury branding. White text on this color reaches a contrast ratio of 9.14:1 (WCAG AAA). The closest named color is Army Green (#4b5320), ΔE 5.11.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#336600
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.0648

Complementary

  1. #394f0a
  2. #200a4f

Split complementary

  1. #394f0a
  2. #0a164f
  3. #420a4f

Analogous

  1. #4f420a
  2. #394f0a
  3. #164f0a

Triadic

  1. #394f0a
  2. #0a394f
  3. #4f0a39

Tetradic

  1. #394f0a
  2. #0a4f20
  3. #200a4f
  4. #4f0a39

Square

  1. #394f0a
  2. #0a4f42
  3. #200a4f
  4. #4f0a16

Monochromatic

  1. #0d1202
  2. #0d1202
  3. #394f0a
  4. #6a9313
  5. #9bd71b

Shades

#394f0a mixed progressively with black.

  1. #394f0a
  2. #334709
  3. #2e3f08
  4. #283707
  5. #222f06
  6. #1d2805
  7. #172004
  8. #111803
  9. #0b1002
  10. #060801
  11. #000000

Tints

#394f0a mixed progressively with white.

  1. #394f0a
  2. #4d6123
  3. #61723b
  4. #748454
  5. #88956c
  6. #9ca785
  7. #b0b99d
  8. #c4cab6
  9. #d7dcce
  10. #ebede7
  11. #ffffff

Tones

#394f0a mixed progressively with gray.

  1. #394f0a
  2. #405416
  3. #475922
  4. #4e5e2d
  5. #556339
  6. #5d6845
  7. #646c51
  8. #6b715d
  9. #727668
  10. #797b74
  11. #808080

Readable text 9.14:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 2.3:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #484848 ≈ 0.003% of males
Achromatomaly #424b38 ≈ 0.001% of males
Protanopia #544900 ≈ 1.01% of males
Deuteranopia #514811 ≈ 1.27% of males
Tritanopia #3c4b42 ≈ 0.0001% of males
Protanomaly #4a4b03 ≈ 1.08% of males
Deuteranomaly #484b0f ≈ 4.63% of males
Tritanomaly #3b4d34 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-394f0a {
  color: #394f0a;
}
Background
.bg-394f0a {
  background-color: #394f0a;
  color: #ffffff;
}
Border
.border-394f0a {
  border: 2px solid #394f0a;
}
CSS variables
:root {
  --color-primary: #394f0a;
  --color-primary-rgb: 57 79 10;
  --color-primary-hsl: 79 78% 17%;
}
Gradient
.gradient-394f0a {
  background: linear-gradient(135deg, #394f0a, #164f0a);
}
Colored shadow
.shadow-394f0a {
  box-shadow: 0 8px 24px rgb(57 79 10 / 0.35);
}

#4b5320 Army Green ΔE 5.11 #195905 Lincoln Green ΔE 7.45 #556b2f Dark Olive Green ΔE 9.89 #006400 Dark Green ΔE 10.71 #006600 Pakistan Green ΔE 11.13 #355e3b Hunter Green ΔE 11.15 #444c38 Rifle Green ΔE 12.33 #c6b0f5 Inverted #484848 Grayscale 

Army Green
#394f0a  rgb(57, 79, 10)  hsl(79, 78%, 17%)  Army Green
#200a4f  rgb(32, 10, 79)  hsl(259, 78%, 17%)  Midnight Blue
#0a394f  rgb(10, 57, 79)  hsl(199, 78%, 17%)  Prussian Blue
#4f0a39  rgb(79, 10, 57)  hsl(319, 78%, 17%)  Tyrian Purple