Skip to the color picker

#3daed5 color: Highlighter Blue

#3daed5 is rgb(61, 174, 213) in RGB and oklch(70.391% 0.11406 225.188) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

195°
100%

70.4%
0.114
225°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-500
  • Black 16%

Inside sRGB: displays the same on any screen.

White text
2.56:1Hard to read
Lc -55
Black text
8.21:1Readable · AA
Lc 54

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 #3daed5

#3daed5 is a bright light sky blue color. In OKLCH it has 70.4% lightness, 0.114 chroma and a hue of 225°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.56:1 contrast and black text 8.21: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: #3daed5 mixed with white

  1. 3daed5
  2. 57b6da
  3. 6dbfde
  4. 82c7e2
  5. 95cfe7
  6. a7d7eb
  7. b9dfef
  8. cbe7f3
  9. dceff7
  10. eef7fb

Darker: #3daed5 mixed with black

  1. 3daed5
  2. 3497b9
  3. 2b809e
  4. 226a83
  5. 1a556a
  6. 124151
  7. 0a2e3a
  8. 041c24
  9. 010b10
  10. 000102

Calmer: #3daed5 with less saturation

  1. 3daed5
  2. 4dadd0
  3. 5aaccb
  4. 66aac5
  5. 70a9c0
  6. 79a8bb
  7. 82a6b5
  8. 8aa5b0
  9. 91a3aa
  10. 99a1a5

Questions about #3daed5

What color is #3daed5?

#3daed5 is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(61, 174, 213), in HSL hsl(195.39, 64.41%, 53.73%) and in OKLCH oklch(70.391% 0.11406 225.188).

What colors go well with #3daed5?

The complementary color of #3daed5 is #da8862. For a calmer combination use the analogous colors #23b5b6 and #6ea2e5. The triadic partners are #d282b0 and #aaa348.

Is white or black text more readable on #3daed5?

Black text reads better on #3daed5: white gives a contrast ratio of 2.56:1 and black gives 8.21:1. WCAG AA asks for at least 4.5:1 for body text.

Is #3daed5 a warm or cool color?

#3daed5 is a cool color. In OKLCH its hue is 225 degrees, its lightness 70.4% and its chroma 0.114.