Skip to the color picker

#3daff2 color: Adamantine Blue

#3daff2 is rgb(61, 175, 242) in RGB and oklch(71.979% 0.13968 239.238) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

202°
100%

72%
0.140
239°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • sky-400
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
2.44:1Hard to read
Lc -53
Black text
8.61:1Readable · AA
Lc 56

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

#3daff2 is a bright light sky blue color. In OKLCH it has 72% lightness, 0.14 chroma and a hue of 239°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.44:1 contrast and black text 8.61:1, so black text reads better.

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

More light sky blue colors

Lighter: #3daff2 mixed with white

  1. 3daff2
  2. 57b7f4
  3. 6ec0f6
  4. 82c8f7
  5. 95d0f9
  6. a7d8fa
  7. b9e0fc
  8. cbe8fd
  9. dcf0fe
  10. eef7fe

Darker: #3daff2 mixed with black

  1. 3daff2
  2. 3498d2
  3. 2b81b4
  4. 226b96
  5. 1a5679
  6. 12415e
  7. 0a2e43
  8. 041c2b
  9. 010b14
  10. 000103

Calmer: #3daff2 with less saturation

  1. 3daff2
  2. 4eaeea
  3. 5caee3
  4. 67addb
  5. 72acd4
  6. 7cabcc
  7. 85aac4
  8. 8da9bc
  9. 95a7b4
  10. 9da6ac

Questions about #3daff2

What color is #3daff2?

#3daff2 is bright light sky blue. The closest named color is Adamantine Blue. In RGB it is rgb(61, 175, 242), in HSL hsl(202.21, 87.44%, 59.41%) and in OKLCH oklch(71.979% 0.13968 239.238).

What colors go well with #3daff2?

The complementary color of #3daff2 is #e48d3f. For a calmer combination use the analogous colors #00bbd3 and #819ffc. The triadic partners are #e97ca2 and #9bb03f.

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

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

Is #3daff2 a warm or cool color?

#3daff2 is a cool color. In OKLCH its hue is 239 degrees, its lightness 72% and its chroma 0.14.