Skip to the color picker

#4dabc3 color: Dragonfly Blue

#4dabc3 is rgb(77, 171, 195) in RGB and oklch(69.415% 0.09463 217.192) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

192°
100%

69.4%
0.095
217°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Mint
  • cyan-500
  • Black 24%

Inside sRGB: displays the same on any screen.

White text
2.65:1Hard to read
Lc -57
Black text
7.93:1Readable · AA
Lc 53

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 #4dabc3

#4dabc3 is a bright sky blue color. In OKLCH it has 69.4% lightness, 0.095 chroma and a hue of 217°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.65:1 contrast and black text 7.93:1, so black text reads better.

The closest named color is Dragonfly Blue (#45abca). In Tailwind CSS the closest color is cyan-500.

More medium sky blue colors

Lighter: #4dabc3 mixed with white

  1. 4dabc3
  2. 62b3c9
  3. 76bccf
  4. 88c4d5
  5. 9acddb
  6. abd5e1
  7. bcdde7
  8. cde6ed
  9. deeef3
  10. eef7f9

Darker: #4dabc3 mixed with black

  1. 4dabc3
  2. 4294a9
  3. 377e90
  4. 2c6878
  5. 225460
  6. 18404a
  7. 0f2d34
  8. 071b20
  9. 020b0e
  10. 000102

Calmer: #4dabc3 with less saturation

  1. 4dabc3
  2. 58aabf
  3. 63a8bb
  4. 6ca7b8
  5. 74a6b4
  6. 7ca4b0
  7. 83a3ac
  8. 8aa1a8
  9. 90a0a4
  10. 969ea0

Questions about #4dabc3

What color is #4dabc3?

#4dabc3 is bright sky blue. The closest named color is Dragonfly Blue. In RGB it is rgb(77, 171, 195), in HSL hsl(192.2, 49.58%, 53.33%) and in OKLCH oklch(69.415% 0.09463 217.192).

What colors go well with #4dabc3?

The complementary color of #4dabc3 is #d08872. For a calmer combination use the analogous colors #4bb0a7 and #6ba2d4. The triadic partners are #c386b2 and #ad9d55.

Is white or black text more readable on #4dabc3?

Black text reads better on #4dabc3: white gives a contrast ratio of 2.65:1 and black gives 7.93:1. WCAG AA asks for at least 4.5:1 for body text.

Is #4dabc3 a warm or cool color?

#4dabc3 is a cool color. In OKLCH its hue is 217 degrees, its lightness 69.4% and its chroma 0.095.