Skip to the color picker

#3facd7 color: Highlighter Blue

#3facd7 is rgb(63, 172, 215) in RGB and oklch(70.062% 0.11531 228.298) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

197°
100%

70.1%
0.115
228°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-500
  • Black 16%

Inside sRGB: displays the same on any screen.

White text
2.59:1Hard to read
Lc -55
Black text
8.09:1Readable · AA
Lc 54

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

#3facd7 is a bright light sky blue color. In OKLCH it has 70.1% lightness, 0.115 chroma and a hue of 228°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.59:1 contrast and black text 8.09:1, so black text reads better.

The closest named color is Highlighter Blue (#3aafdc). In Tailwind CSS the closest color is cyan-500.

More light sky blue colors

Lighter: #3facd7 mixed with white

  1. 3facd7
  2. 58b4db
  3. 6ebde0
  4. 82c5e4
  5. 95cee8
  6. a7d6ec
  7. b9def0
  8. cbe6f4
  9. dceff8
  10. eef7fb

Darker: #3facd7 mixed with black

  1. 3facd7
  2. 3595bb
  3. 2c7f9f
  4. 236985
  5. 1b546b
  6. 124052
  7. 0a2d3b
  8. 041b25
  9. 010b11
  10. 000102

Calmer: #3facd7 with less saturation

  1. 3facd7
  2. 4eabd1
  3. 5baacc
  4. 66a9c6
  5. 70a7c1
  6. 79a6bb
  7. 81a5b6
  8. 89a3b0
  9. 90a2aa
  10. 98a0a4

Questions about #3facd7

What color is #3facd7?

#3facd7 is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(63, 172, 215), in HSL hsl(196.97, 65.52%, 54.51%) and in OKLCH oklch(70.062% 0.11531 228.298).

What colors go well with #3facd7?

The complementary color of #3facd7 is #d8885c. For a calmer combination use the analogous colors #1ab4b9 and #71a0e6. The triadic partners are #d380ab and #a5a447.

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

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

Is #3facd7 a warm or cool color?

#3facd7 is a cool color. In OKLCH its hue is 228 degrees, its lightness 70.1% and its chroma 0.115.