ColorTool
Log in
#315744

#315744 ≈ Hunter Green

  • teal
  • Lightness: low
  • Saturation: muted
  • Balanced
Check contrast Explore in graph Random color

#315744 is a color from the teal family, with low lightness and muted saturation. In the RGB model it is made of 19.22% red, 34.12% green and 26.67% blue; printed in CMYK it uses 43.68% cyan, 0% magenta, 21.84% yellow and 65.88% black. Its hue angle is 150°, with 27.94% saturation and 26.67% lightness in HSL. It sits between warm and cool, and is often associated with clarity, calm and renewal. Designers typically use it for health and wellness, technology products and corporate identities. White text on this color reaches a contrast ratio of 8.15:1 (WCAG AAA). The closest named color is Hunter Green (#355e3b), ΔE 5.73.

Description generated from the measured properties of this color.

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

Complementary

  1. #315744
  2. #573144

Split complementary

  1. #315744
  2. #573157
  3. #573131

Analogous

  1. #315731
  2. #315744
  3. #315757

Triadic

  1. #315744
  2. #443157
  3. #574431

Tetradic

  1. #315744
  2. #314457
  3. #573144
  4. #574431

Square

  1. #315744
  2. #313157
  3. #573144
  4. #575731

Monochromatic

  1. #070d0a
  2. #15261e
  3. #315744
  4. #4d886a
  5. #72af91

Shades

#315744 mixed progressively with black.

  1. #315744
  2. #2c4e3d
  3. #274636
  4. #223d30
  5. #1d3429
  6. #192c22
  7. #14231b
  8. #0f1a14
  9. #0a110e
  10. #050907
  11. #000000

Tints

#315744 mixed progressively with white.

  1. #315744
  2. #466857
  3. #5a7969
  4. #6f897c
  5. #839a8f
  6. #98aba2
  7. #adbcb4
  8. #c1cdc7
  9. #d6ddda
  10. #eaeeec
  11. #ffffff

Tones

#315744 mixed progressively with gray.

  1. #315744
  2. #395b4a
  3. #415f50
  4. #496356
  5. #51675c
  6. #596c62
  7. #607068
  8. #68746e
  9. #707874
  10. #787c7a
  11. #808080

Readable text 8.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 2.58:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #4f4f4f ≈ 0.003% of males
Achromatomaly #45534b ≈ 0.001% of males
Protanopia #565243 ≈ 1.01% of males
Deuteranopia #504e45 ≈ 1.27% of males
Tritanopia #285752 ≈ 0.0001% of males
Protanomaly #4a5443 ≈ 1.08% of males
Deuteranomaly #455245 ≈ 4.63% of males
Tritanomaly #2c574d ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-315744 {
  color: #315744;
}
Background
.bg-315744 {
  background-color: #315744;
  color: #ffffff;
}
Border
.border-315744 {
  border: 2px solid #315744;
}
CSS variables
:root {
  --color-primary: #315744;
  --color-primary-rgb: 49 87 68;
  --color-primary-hsl: 150 28% 27%;
}
Gradient
.gradient-315744 {
  background: linear-gradient(135deg, #315744, #315757);
}
Colored shadow
.shadow-315744 {
  box-shadow: 0 8px 24px rgb(49 87 68 / 0.35);
}

#355e3b Hunter Green ΔE 5.73 #4d5d53 Feldgrau ΔE 8.52 #004225 British Racing Green ΔE 9.18 #2f4f4f Dark Slate Gray ΔE 9.38 #2f4f4f Dark Slate Grey ΔE 9.38 #444c38 Rifle Green ΔE 9.92 #123524 Phthalo Green ΔE 10.80 #cea8bb Inverted #4f4f4f Grayscale 

Hunter Green
#315744  rgb(49, 87, 68)  hsl(150, 28%, 27%)  Hunter Green
#573144  rgb(87, 49, 68)  hsl(330, 28%, 27%)  Eggplant
#443157  rgb(68, 49, 87)  hsl(270, 28%, 27%)  Eggplant
#574431  rgb(87, 68, 49)  hsl(30, 28%, 27%)  Taupe