ColorTool
Log in
#536B53

#536b53 ≈ Feldgrau

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

#536b53 is a color from the green family, with low lightness and muted saturation. In the RGB model it is made of 32.55% red, 41.96% green and 32.55% blue; printed in CMYK it uses 22.43% cyan, 0% magenta, 22.43% yellow and 58.04% black. Its hue angle is 120°, with 12.63% saturation and 37.25% lightness in HSL. It sits between warm and cool, and is often associated with nature, health and balance. Designers typically use it for eco-friendly brands, health and wellness and brand accents. White text on this color reaches a contrast ratio of 5.84:1 (WCAG AA). The closest named color is Feldgrau (#4d5d53), ΔE 7.5.

Description generated from the measured properties of this color.

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

Complementary

  1. #536b53
  2. #6b536b

Split complementary

  1. #536b53
  2. #5f536b
  3. #6b535f

Analogous

  1. #5f6b53
  2. #536b53
  3. #536b5f

Triadic

  1. #536b53
  2. #53536b
  3. #6b5353

Tetradic

  1. #536b53
  2. #536b6b
  3. #6b536b
  4. #6b5353

Square

  1. #536b53
  2. #535f6b
  3. #6b536b
  4. #6b5f53

Monochromatic

  1. #101510
  2. #324032
  3. #536b53
  4. #769576
  5. #a1b6a1

Shades

#536b53 mixed progressively with black.

  1. #536b53
  2. #4b604b
  3. #425642
  4. #3a4b3a
  5. #324032
  6. #2a362a
  7. #212b21
  8. #192019
  9. #111511
  10. #080b08
  11. #000000

Tints

#536b53 mixed progressively with white.

  1. #536b53
  2. #647a64
  3. #758975
  4. #879787
  5. #98a698
  6. #a9b5a9
  7. #bac4ba
  8. #cbd3cb
  9. #dde1dd
  10. #eef0ee
  11. #ffffff

Tones

#536b53 mixed progressively with gray.

  1. #536b53
  2. #586d58
  3. #5c6f5c
  4. #617161
  5. #657365
  6. #6a766a
  7. #6e786e
  8. #737a73
  9. #777c77
  10. #7c7e7c
  11. #808080

Readable text 5.84:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.6:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #656565 ≈ 0.003% of males
Achromatomaly #5e675e ≈ 0.001% of males
Protanopia #6c6652 ≈ 1.01% of males
Deuteranopia #686454 ≈ 1.27% of males
Tritanopia #516a64 ≈ 0.0001% of males
Protanomaly #636852 ≈ 1.08% of males
Deuteranomaly #606754 ≈ 4.63% of males
Tritanomaly #526a5e ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-536b53 {
  color: #536b53;
}
Background
.bg-536b53 {
  background-color: #536b53;
  color: #ffffff;
}
Border
.border-536b53 {
  border: 2px solid #536b53;
}
CSS variables
:root {
  --color-primary: #536b53;
  --color-primary-rgb: 83 107 83;
  --color-primary-hsl: 120 13% 37%;
}
Gradient
.gradient-536b53 {
  background: linear-gradient(135deg, #536b53, #536b5f);
}
Colored shadow
.shadow-536b53 {
  box-shadow: 0 8px 24px rgb(83 107 83 / 0.35);
}

#4d5d53 Feldgrau ΔE 7.50 #355e3b Hunter Green ΔE 7.90 #4f7942 Fern Green ΔE 9.55 #556b2f Dark Olive Green ΔE 10.24 #40826d Viridian ΔE 11.12 #444c38 Rifle Green ΔE 11.42 #00755e Tropical Rain Forest ΔE 11.75 #ac94ac Inverted #656565 Grayscale 

Feldgrau
#536b53  rgb(83, 107, 83)  hsl(120, 13%, 37%)  Feldgrau
#6b536b  rgb(107, 83, 107)  hsl(300, 13%, 37%)  Eggplant
#53536b  rgb(83, 83, 107)  hsl(240, 13%, 37%)  Old Lavender
#6b5353  rgb(107, 83, 83)  hsl(0, 13%, 37%)  Liver