ColorTool
Log in
#353E0F

#353e0f ≈ Army Green

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

#353e0f is a color from the yellow-green family, with very low lightness and muted saturation. In the RGB model it is made of 20.78% red, 24.31% green and 5.88% blue; printed in CMYK it uses 14.52% cyan, 0% magenta, 75.81% yellow and 75.69% black. Its hue angle is 71.49°, with 61.04% saturation and 15.1% lightness in HSL. It is a warm color, 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 11.37:1 (WCAG AAA). The closest named color is Army Green (#4b5320), ΔE 7.

Description generated from the measured properties of this color.

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

Complementary

  1. #353e0f
  2. #180f3e

Split complementary

  1. #353e0f
  2. #0f1e3e
  3. #300f3e

Analogous

  1. #3e300f
  2. #353e0f
  3. #1e3e0f

Triadic

  1. #353e0f
  2. #0f353e
  3. #3e0f35

Tetradic

  1. #353e0f
  2. #0f3e18
  3. #180f3e
  4. #3e0f35

Square

  1. #353e0f
  2. #0f3e30
  3. #180f3e
  4. #3e0f1e

Monochromatic

  1. #0e1004
  2. #0e1004
  3. #353e0f
  4. #6a7c1e
  5. #9eb92d

Shades

#353e0f mixed progressively with black.

  1. #353e0f
  2. #30380e
  3. #2a320c
  4. #252b0b
  5. #202509
  6. #1b1f08
  7. #151906
  8. #101305
  9. #0b0c03
  10. #050602
  11. #000000

Tints

#353e0f mixed progressively with white.

  1. #353e0f
  2. #495127
  3. #5d653f
  4. #727857
  5. #868b6f
  6. #9a9f87
  7. #aeb29f
  8. #c2c5b7
  9. #d7d8cf
  10. #ebece7
  11. #ffffff

Tones

#353e0f mixed progressively with gray.

  1. #353e0f
  2. #3d451a
  3. #444b26
  4. #4c5231
  5. #53583c
  6. #5b5f48
  7. #626653
  8. #6a6c5e
  9. #717369
  10. #797975
  11. #808080

Readable text 11.37:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 1.85:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #3a3a3a ≈ 0.003% of males
Achromatomaly #383c2e ≈ 0.001% of males
Protanopia #423a08 ≈ 1.01% of males
Deuteranopia #413a12 ≈ 1.27% of males
Tritanopia #383a34 ≈ 0.0001% of males
Protanomaly #3d3c0b ≈ 1.08% of males
Deuteranomaly #3d3c11 ≈ 4.63% of males
Tritanomaly #373c2a ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-353e0f {
  color: #353e0f;
}
Background
.bg-353e0f {
  background-color: #353e0f;
  color: #ffffff;
}
Border
.border-353e0f {
  border: 2px solid #353e0f;
}
CSS variables
:root {
  --color-primary: #353e0f;
  --color-primary-rgb: 53 62 15;
  --color-primary-hsl: 71 61% 15%;
}
Gradient
.gradient-353e0f {
  background: linear-gradient(135deg, #353e0f, #1e3e0f);
}
Colored shadow
.shadow-353e0f {
  box-shadow: 0 8px 24px rgb(53 62 15 / 0.35);
}

#4b5320 Army Green ΔE 7.00 #444c38 Rifle Green ΔE 9.90 #195905 Lincoln Green ΔE 12.94 #004225 British Racing Green ΔE 13.48 #123524 Phthalo Green ΔE 13.56 #355e3b Hunter Green ΔE 13.79 #3b3c36 Black Olive ΔE 14.89 #cac1f0 Inverted #3a3a3a Grayscale 

Army Green
#353e0f  rgb(53, 62, 15)  hsl(71, 61%, 15%)  Army Green
#180f3e  rgb(24, 15, 62)  hsl(251, 61%, 15%)  Midnight Blue
#0f353e  rgb(15, 53, 62)  hsl(191, 61%, 15%)  Midnight Green
#3e0f35  rgb(62, 15, 53)  hsl(311, 61%, 15%)  Tyrian Purple