ColorTool
Log in
#413C12

#413c12 ≈ Army Green

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

#413c12 is a color from the yellow family, with very low lightness and muted saturation. In the RGB model it is made of 25.49% red, 23.53% green and 7.06% blue; printed in CMYK it uses 0% cyan, 7.69% magenta, 72.31% yellow and 74.51% black. Its hue angle is 53.62°, with 56.63% saturation and 16.27% lightness in HSL. It is a warm color, often associated with optimism, attention and joy. Designers typically use it for highlights and warnings, children's products and luxury branding. White text on this color reaches a contrast ratio of 11.17:1 (WCAG AAA). The closest named color is Army Green (#4b5320), ΔE 8.71.

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.044

Complementary

  1. #413c12
  2. #121741

Split complementary

  1. #413c12
  2. #122e41
  3. #241241

Analogous

  1. #412412
  2. #413c12
  3. #2e4112

Triadic

  1. #413c12
  2. #12413c
  3. #3c1241

Tetradic

  1. #413c12
  2. #174112
  3. #121741
  4. #3c1241

Square

  1. #413c12
  2. #124124
  3. #121741
  4. #41122e

Monochromatic

  1. #100f04
  2. #100f04
  3. #413c12
  4. #7d7323
  5. #b9ab33

Shades

#413c12 mixed progressively with black.

  1. #413c12
  2. #3b3610
  3. #34300e
  4. #2e2a0d
  5. #27240b
  6. #211e09
  7. #1a1807
  8. #141205
  9. #0d0c04
  10. #070602
  11. #000000

Tints

#413c12 mixed progressively with white.

  1. #413c12
  2. #54502a
  3. #676341
  4. #7a7759
  5. #8d8a71
  6. #a09e89
  7. #b3b1a0
  8. #c6c5b8
  9. #d9d8d0
  10. #ecece7
  11. #ffffff

Tones

#413c12 mixed progressively with gray.

  1. #413c12
  2. #47431d
  3. #4e4a28
  4. #545033
  5. #5a573e
  6. #615e49
  7. #676554
  8. #6d6c5f
  9. #73726a
  10. #7a7975
  11. #808080

Readable text 11.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 1.88:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #3b3b3b ≈ 0.003% of males
Achromatomaly #3e3c2f ≈ 0.001% of males
Protanopia #423a0d ≈ 1.01% of males
Deuteranopia #433c14 ≈ 1.27% of males
Tritanopia #463733 ≈ 0.0001% of males
Protanomaly #423b0f ≈ 1.08% of males
Deuteranomaly #423c13 ≈ 4.63% of males
Tritanomaly #443929 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-413c12 {
  color: #413c12;
}
Background
.bg-413c12 {
  background-color: #413c12;
  color: #ffffff;
}
Border
.border-413c12 {
  border: 2px solid #413c12;
}
CSS variables
:root {
  --color-primary: #413c12;
  --color-primary-rgb: 65 60 18;
  --color-primary-hsl: 54 57% 16%;
}
Gradient
.gradient-413c12 {
  background: linear-gradient(135deg, #413c12, #2e4112);
}
Colored shadow
.shadow-413c12 {
  box-shadow: 0 8px 24px rgb(65 60 18 / 0.35);
}

#4b5320 Army Green ΔE 8.71 #444c38 Rifle Green ΔE 10.99 #6c541e Field Drab ΔE 11.99 #3b3c36 Black Olive ΔE 13.53 #483c32 Taupe ΔE 13.57 #3d2b1f Bistre ΔE 15.49 #704214 Sepia ΔE 16.63 #bec3ed Inverted #3b3b3b Grayscale 

Army Green
#413c12  rgb(65, 60, 18)  hsl(54, 57%, 16%)  Army Green
#121741  rgb(18, 23, 65)  hsl(234, 57%, 16%)  Oxford Blue
#12413c  rgb(18, 65, 60)  hsl(174, 57%, 16%)  Dark Slate Gray
#3c1241  rgb(60, 18, 65)  hsl(294, 57%, 16%)  Byzantium