Skip to the color picker

#3da0f2 color: Rockman Blue

#3da0f2 is rgb(61, 160, 242) in RGB and oklch(68.6% 0.15136 247.485) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

207°
100%

68.6%
0.151
247°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • blue-400
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
2.80:1Hard to read
Lc -59
Black text
7.51:1Readable · AA
Lc 51

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

#3da0f2 is a bright blue color. In OKLCH it has 68.6% lightness, 0.151 chroma and a hue of 247°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.8:1 contrast and black text 7.51: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: #3da0f2 mixed with white

  1. 3da0f2
  2. 55aaf4
  3. 6bb4f6
  4. 7fbef8
  5. 92c7fa
  6. a4d1fb
  7. b7dafc
  8. c9e3fd
  9. dbedfe
  10. edf6ff

Darker: #3da0f2 mixed with black

  1. 3da0f2
  2. 348bd2
  3. 2b76b4
  4. 226196
  5. 1a4e79
  6. 123b5e
  7. 0a2943
  8. 04192b
  9. 010914
  10. 000103

Calmer: #3da0f2 with less saturation

  1. 3da0f2
  2. 4ba0e9
  3. 57a0e1
  4. 62a0d8
  5. 6b9fd0
  6. 749fc7
  7. 7c9ebe
  8. 849db5
  9. 8c9cac
  10. 939ba3

Questions about #3da0f2

What color is #3da0f2?

#3da0f2 is bright blue. The closest named color is Rockman Blue. In RGB it is rgb(61, 160, 242), in HSL hsl(207.18, 87.44%, 59.41%) and in OKLCH oklch(68.6% 0.15136 247.485).

What colors go well with #3da0f2?

The complementary color of #3da0f2 is #d78500. For a calmer combination use the analogous colors #00aed4 and #858ef6. The triadic partners are #e66d89 and #80ab36.

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

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

Is #3da0f2 a warm or cool color?

#3da0f2 is a cool color. In OKLCH its hue is 247 degrees, its lightness 68.6% and its chroma 0.151.