Skip to the color picker

#3fa3fa color: Rockman Blue

#3fa3fa is rgb(63, 163, 250) in RGB and oklch(69.76% 0.15742 248.597) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

208°
100%

69.8%
0.157
249°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • blue-400
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
2.68:1Hard to read
Lc -57
Black text
7.83:1Readable · AA
Lc 52

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

#3fa3fa is a bright blue color. In OKLCH it has 69.8% lightness, 0.157 chroma and a hue of 249°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.68:1 contrast and black text 7.83:1, so black text reads better.

The closest named color is Rockman Blue (#31a2f2). In Tailwind CSS the closest color is blue-400.

More medium blue colors

Lighter: #3fa3fa mixed with white

  1. 3fa3fa
  2. 57adfb
  3. 6cb6fd
  4. 80c0fe
  5. 93c9ff
  6. a5d2ff
  7. b8dcff
  8. c9e5ff
  9. dbedff
  10. edf6ff

Darker: #3fa3fa mixed with black

  1. 3fa3fa
  2. 358dd9
  3. 2c78ba
  4. 23639b
  5. 1b4f7d
  6. 123c61
  7. 0a2a46
  8. 04192d
  9. 010a15
  10. 000103

Calmer: #3fa3fa with less saturation

  1. 3fa3fa
  2. 4da3f1
  3. 59a3e8
  4. 64a3df
  5. 6ea3d6
  6. 77a2cd
  7. 7fa2c4
  8. 87a1ba
  9. 8fa0b1
  10. 969fa7

Questions about #3fa3fa

What color is #3fa3fa?

#3fa3fa is bright blue. The closest named color is Rockman Blue. In RGB it is rgb(63, 163, 250), in HSL hsl(207.91, 94.92%, 61.37%) and in OKLCH oklch(69.76% 0.15742 248.597).

What colors go well with #3fa3fa?

The complementary color of #3fa3fa is #dc8800. For a calmer combination use the analogous colors #00b2da and #8991fd. The triadic partners are #ed6f8a and #80b036.

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

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

Is #3fa3fa a warm or cool color?

#3fa3fa is a cool color. In OKLCH its hue is 249 degrees, its lightness 69.8% and its chroma 0.157.