Skip to the color picker

#64c586 color: Enamelled Dragon

#64c586 is rgb(100, 197, 134) in RGB and oklch(74.777% 0.13014 153.461) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

141°
100%

74.8%
0.130
153°
  • Green
  • Light
  • Soft
  • Cool
  • ≈ Emerald
  • emerald-400
  • Black 23%

Inside sRGB: displays the same on any screen.

White text
2.13:1Hard to read
Lc -46
Black text
9.87:1Readable · AA
Lc 62

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #64c586

#64c586 is a soft light green color. In OKLCH it has 74.8% lightness, 0.13 chroma and a hue of 153°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.13:1 contrast and black text 9.87:1, so black text reads better.

The closest named color is Enamelled Dragon (#54c589). In Tailwind CSS the closest color is emerald-400.

More light green colors

Lighter: #64c586 mixed with white

  1. 64c586
  2. 76cb92
  3. 87d19e
  4. 97d7aa
  5. a6ddb6
  6. b5e3c2
  7. c4e8ce
  8. d3eeda
  9. e2f4e6
  10. f0f9f3

Darker: #64c586 mixed with black

  1. 64c586
  2. 56ab74
  3. 489262
  4. 3b7951
  5. 2e6140
  6. 224b30
  7. 163521
  8. 0b2113
  9. 030e06
  10. 000201

Calmer: #64c586 with less saturation

  1. 64c586
  2. 6ec38a
  3. 77c18e
  4. 7fbe92
  5. 87bc96
  6. 8eba9a
  7. 95b79e
  8. 9bb5a2
  9. a1b2a6
  10. a7b0a9

Similar named colors

Colors that go with #64c586

Complementary
#64c586#de8dd0
Analogous
#64c586#9dbb58#16c7b6
Triadic
#64c586#93a6ff#f48d76
Split
#64c586#be98f0#f188a4

Questions about #64c586

What color is #64c586?

#64c586 is soft light green. The closest named color is Enamelled Dragon. In RGB it is rgb(100, 197, 134), in HSL hsl(141.03, 45.54%, 58.24%) and in OKLCH oklch(74.777% 0.13014 153.461).

What colors go well with #64c586?

The complementary color of #64c586 is #de8dd0. For a calmer combination use the analogous colors #9dbb58 and #16c7b6. The triadic partners are #93a6ff and #f48d76.

Is white or black text more readable on #64c586?

Black text reads better on #64c586: white gives a contrast ratio of 2.13:1 and black gives 9.87:1. WCAG AA asks for at least 4.5:1 for body text.

Is #64c586 a warm or cool color?

#64c586 is a cool color. In OKLCH its hue is 153 degrees, its lightness 74.8% and its chroma 0.13.