Skip to the color picker

#35afdd color: Highlighter Blue

#35afdd is rgb(53, 175, 221) in RGB and oklch(70.79% 0.12302 228.201) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

196°
100%

70.8%
0.123
228°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-500
  • Black 13%

Inside sRGB: displays the same on any screen.

White text
2.52:1Hard to read
Lc -54
Black text
8.33: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 #35afdd

#35afdd is a bright light sky blue color. In OKLCH it has 70.8% lightness, 0.123 chroma and a hue of 228°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.52:1 contrast and black text 8.33: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: #35afdd mixed with white

  1. 35afdd
  2. 52b7e1
  3. 6abfe5
  4. 7fc8e8
  5. 92d0ec
  6. a5d8ef
  7. b8e0f3
  8. cae8f6
  9. dceff9
  10. edf7fc

Darker: #35afdd mixed with black

  1. 35afdd
  2. 2d98c0
  3. 2581a4
  4. 1d6b88
  5. 15566e
  6. 0e4155
  7. 082e3d
  8. 031c26
  9. 010b11
  10. 000102

Calmer: #35afdd with less saturation

  1. 35afdd
  2. 48aed7
  3. 57add1
  4. 63accb
  5. 6eaac5
  6. 78a9bf
  7. 81a7b9
  8. 8aa6b3
  9. 92a4ad
  10. 99a2a7

Questions about #35afdd

What color is #35afdd?

#35afdd is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(53, 175, 221), in HSL hsl(196.43, 71.19%, 53.73%) and in OKLCH oklch(70.79% 0.12302 228.201).

What colors go well with #35afdd?

The complementary color of #35afdd is #de8859. For a calmer combination use the analogous colors #00b8bd and #70a2ed. The triadic partners are #d980ae and #a8a641.

Is white or black text more readable on #35afdd?

Black text reads better on #35afdd: white gives a contrast ratio of 2.52:1 and black gives 8.33:1. WCAG AA asks for at least 4.5:1 for body text.

Is #35afdd a warm or cool color?

#35afdd is a cool color. In OKLCH its hue is 228 degrees, its lightness 70.8% and its chroma 0.123.