Skip to the color picker

#3badf1 color: Adamantine Blue

#3badf1 is rgb(59, 173, 241) in RGB and oklch(71.424% 0.14067 239.75) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

202°
100%

71.4%
0.141
240°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • sky-500
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
2.49:1Hard to read
Lc -54
Black text
8.43: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 #3badf1

#3badf1 is a bright light sky blue color. In OKLCH it has 71.4% lightness, 0.141 chroma and a hue of 240°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.49:1 contrast and black text 8.43:1, so black text reads better.

The closest named color is Adamantine Blue (#46adf9). In Tailwind CSS the closest color is sky-500.

More light sky blue colors

Lighter: #3badf1 mixed with white

  1. 3badf1
  2. 56b6f3
  3. 6cbef5
  4. 81c7f7
  5. 94cff8
  6. a6d7fa
  7. b8dffb
  8. cae7fc
  9. dceffd
  10. eef7fe

Darker: #3badf1 mixed with black

  1. 3badf1
  2. 3296d2
  3. 297fb3
  4. 216a95
  5. 195579
  6. 11415d
  7. 092d43
  8. 041b2b
  9. 010b14
  10. 000103

Calmer: #3badf1 with less saturation

  1. 3badf1
  2. 4cace9
  3. 5aace2
  4. 66abda
  5. 70aad2
  6. 7aa9cb
  7. 83a8c3
  8. 8ca7bb
  9. 94a6b3
  10. 9ba4ab

Questions about #3badf1

What color is #3badf1?

#3badf1 is bright light sky blue. The closest named color is Adamantine Blue. In RGB it is rgb(59, 173, 241), in HSL hsl(202.42, 86.67%, 58.82%) and in OKLCH oklch(71.424% 0.14067 239.75).

What colors go well with #3badf1?

The complementary color of #3badf1 is #e28b3b. For a calmer combination use the analogous colors #00b9d3 and #809dfb. The triadic partners are #e87aa0 and #98af3d.

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

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

Is #3badf1 a warm or cool color?

#3badf1 is a cool color. In OKLCH its hue is 240 degrees, its lightness 71.4% and its chroma 0.141.