Skip to the color picker

#34afdb color: Highlighter Blue

#34afdb is rgb(52, 175, 219) in RGB and oklch(70.677% 0.12179 226.959) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

196°
100%

70.7%
0.122
227°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-500
  • Black 14%

Inside sRGB: displays the same on any screen.

White text
2.53:1Hard to read
Lc -54
Black text
8.30:1Readable · AA
Lc 55

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 #34afdb

#34afdb is a bright light sky blue color. In OKLCH it has 70.7% lightness, 0.122 chroma and a hue of 227°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.53:1 contrast and black text 8.3:1, so black text reads better.

The closest named color is Highlighter Blue (#3aafdc). In Tailwind CSS the closest color is cyan-500.

More light sky blue colors

Lighter: #34afdb mixed with white

  1. 34afdb
  2. 52b7df
  3. 69bfe3
  4. 7ec8e7
  5. 92d0ea
  6. a5d8ee
  7. b8e0f2
  8. cae8f5
  9. dceff8
  10. edf7fc

Darker: #34afdb mixed with black

  1. 34afdb
  2. 2c98be
  3. 2481a2
  4. 1c6b87
  5. 15566d
  6. 0e4154
  7. 072e3c
  8. 031c26
  9. 010b11
  10. 000102

Calmer: #34afdb with less saturation

  1. 34afdb
  2. 47aed5
  3. 56add0
  4. 63abca
  5. 6eaac4
  6. 78a9be
  7. 81a7b8
  8. 89a6b2
  9. 91a4ac
  10. 99a2a6

Questions about #34afdb

What color is #34afdb?

#34afdb is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(52, 175, 219), in HSL hsl(195.81, 69.87%, 53.14%) and in OKLCH oklch(70.677% 0.12179 226.959).

What colors go well with #34afdb?

The complementary color of #34afdb is #de875b. For a calmer combination use the analogous colors #00b7ba and #6ea2eb. The triadic partners are #d780af and #a9a541.

Is white or black text more readable on #34afdb?

Black text reads better on #34afdb: white gives a contrast ratio of 2.53:1 and black gives 8.3:1. WCAG AA asks for at least 4.5:1 for body text.

Is #34afdb a warm or cool color?

#34afdb is a cool color. In OKLCH its hue is 227 degrees, its lightness 70.7% and its chroma 0.122.