Skip to the color picker

#3da9fd color: Xed

#3da9fd is rgb(61, 169, 253) in RGB and oklch(71.199% 0.15624 246.267) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

206°
100%

71.2%
0.156
246°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Azure
  • blue-400
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
2.53:1Hard to read
Lc -54
Black text
8.29: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 #3da9fd

#3da9fd is a bright light sky blue color. In OKLCH it has 71.2% lightness, 0.156 chroma and a hue of 246°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Xed (#30a9ff). In Tailwind CSS the closest color is blue-400.

More light sky blue colors

Lighter: #3da9fd mixed with white

  1. 3da9fd
  2. 57b2fe
  3. 6cbbff
  4. 80c4ff
  5. 94cdff
  6. a6d5ff
  7. b8deff
  8. cae6ff
  9. dcefff
  10. edf7ff

Darker: #3da9fd mixed with black

  1. 3da9fd
  2. 3492dc
  3. 2b7cbc
  4. 22679d
  5. 1a537f
  6. 123f62
  7. 0a2c47
  8. 041b2d
  9. 010a16
  10. 000103

Calmer: #3da9fd with less saturation

  1. 3da9fd
  2. 4da9f4
  3. 5aa9eb
  4. 66a8e2
  5. 70a8da
  6. 79a7d1
  7. 82a7c7
  8. 8ba6be
  9. 93a5b5
  10. 9ba3ac

Questions about #3da9fd

What color is #3da9fd?

#3da9fd is bright light sky blue. The closest named color is Xed. In RGB it is rgb(61, 169, 253), in HSL hsl(206.25, 97.96%, 61.57%) and in OKLCH oklch(71.199% 0.15624 246.267).

What colors go well with #3da9fd?

The complementary color of #3da9fd is #e28b0a. For a calmer combination use the analogous colors #00b7dc and #8997ff. The triadic partners are #f17493 and #89b337.

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

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

Is #3da9fd a warm or cool color?

#3da9fd is a cool color. In OKLCH its hue is 246 degrees, its lightness 71.2% and its chroma 0.156.