Skip to the color picker

#3facf5 color: Adamantine Blue

#3facf5 is rgb(63, 172, 245) in RGB and oklch(71.503% 0.14428 242.399) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

204°
100%

71.5%
0.144
242°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • blue-400
  • Black 4%

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

#3facf5 is a bright light sky blue color. In OKLCH it has 71.5% lightness, 0.144 chroma and a hue of 242°.

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 blue-400.

More light sky blue colors

Lighter: #3facf5 mixed with white

  1. 3facf5
  2. 58b5f7
  3. 6ebdf8
  4. 82c6fa
  5. 95cefb
  6. a7d7fc
  7. b9dffd
  8. cbe7fe
  9. dceffe
  10. eef7ff

Darker: #3facf5 mixed with black

  1. 3facf5
  2. 3595d5
  3. 2c7fb6
  4. 236998
  5. 1b547b
  6. 12405f
  7. 0a2d44
  8. 041b2b
  9. 010b15
  10. 000103

Calmer: #3facf5 with less saturation

  1. 3facf5
  2. 4faced
  3. 5cabe5
  4. 67abdd
  5. 71aad5
  6. 7ba9cd
  7. 84a8c5
  8. 8ca7bc
  9. 94a6b4
  10. 9ca4ab

Questions about #3facf5

What color is #3facf5?

#3facf5 is bright light sky blue. The closest named color is Adamantine Blue. In RGB it is rgb(63, 172, 245), in HSL hsl(204.07, 90.1%, 60.39%) and in OKLCH oklch(71.503% 0.14428 242.399).

What colors go well with #3facf5?

The complementary color of #3facf5 is #e28c32. For a calmer combination use the analogous colors #00b9d8 and #859bfd. The triadic partners are #eb799b and #93b13e.

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

Black text reads better on #3facf5: 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 #3facf5 a warm or cool color?

#3facf5 is a cool color. In OKLCH its hue is 242 degrees, its lightness 71.5% and its chroma 0.144.