Skip to the color picker

#63c586 color: Enamelled Dragon

#63c586 is rgb(99, 197, 134) in RGB and oklch(74.735% 0.1307 153.653) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

141°
100%

74.7%
0.131
154°
  • 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.86: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 #63c586

#63c586 is a soft light green color. In OKLCH it has 74.7% lightness, 0.131 chroma and a hue of 154°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.13:1 contrast and black text 9.86: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: #63c586 mixed with white

  1. 63c586
  2. 75cb92
  3. 86d19e
  4. 96d7aa
  5. a6ddb6
  6. b5e3c2
  7. c4e8ce
  8. d3eeda
  9. e2f4e6
  10. f0f9f3

Darker: #63c586 mixed with black

  1. 63c586
  2. 55ab74
  3. 479262
  4. 3a7951
  5. 2e6140
  6. 214b30
  7. 163521
  8. 0b2113
  9. 030e06
  10. 000201

Calmer: #63c586 with less saturation

  1. 63c586
  2. 6dc38a
  3. 76c18e
  4. 7ebe92
  5. 86bc96
  6. 8dba9a
  7. 94b79e
  8. 9bb5a2
  9. a1b2a6
  10. a7b0a9

Similar named colors

Colors that go with #63c586

Complementary
#63c586#df8dd0
Analogous
#63c586#9dbb58#11c7b6
Triadic
#63c586#93a6ff#f48d75
Split
#63c586#bf98f0#f188a4

Questions about #63c586

What color is #63c586?

#63c586 is soft light green. The closest named color is Enamelled Dragon. In RGB it is rgb(99, 197, 134), in HSL hsl(141.43, 45.79%, 58.04%) and in OKLCH oklch(74.735% 0.1307 153.653).

What colors go well with #63c586?

The complementary color of #63c586 is #df8dd0. For a calmer combination use the analogous colors #9dbb58 and #11c7b6. The triadic partners are #93a6ff and #f48d75.

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

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

Is #63c586 a warm or cool color?

#63c586 is a cool color. In OKLCH its hue is 154 degrees, its lightness 74.7% and its chroma 0.131.