Skip to the color picker

#3faed6 color: Highlighter Blue

#3faed6 is rgb(63, 174, 214) in RGB and oklch(70.488% 0.11395 226.079) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

196°
100%

70.5%
0.114
226°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-500
  • Black 16%

Inside sRGB: displays the same on any screen.

White text
2.55:1Hard to read
Lc -55
Black text
8.24: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 #3faed6

#3faed6 is a bright light sky blue color. In OKLCH it has 70.5% lightness, 0.114 chroma and a hue of 226°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.55:1 contrast and black text 8.24: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: #3faed6 mixed with white

  1. 3faed6
  2. 59b6da
  3. 6ebfdf
  4. 82c7e3
  5. 95cfe7
  6. a7d7eb
  7. b9dfef
  8. cbe7f3
  9. dceff7
  10. eef7fb

Darker: #3faed6 mixed with black

  1. 3faed6
  2. 3597ba
  3. 2c809e
  4. 236a84
  5. 1b556a
  6. 124152
  7. 0a2e3b
  8. 041c25
  9. 010b10
  10. 000102

Calmer: #3faed6 with less saturation

  1. 3faed6
  2. 4fadd1
  3. 5baccb
  4. 67aac6
  5. 71a9c1
  6. 7aa8bb
  7. 82a6b6
  8. 8aa5b0
  9. 92a3ab
  10. 99a2a5

Questions about #3faed6

What color is #3faed6?

#3faed6 is bright light sky blue. The closest named color is Highlighter Blue. In RGB it is rgb(63, 174, 214), in HSL hsl(195.89, 64.81%, 54.31%) and in OKLCH oklch(70.488% 0.11395 226.079).

What colors go well with #3faed6?

The complementary color of #3faed6 is #da8861. For a calmer combination use the analogous colors #23b5b7 and #70a2e6. The triadic partners are #d382af and #a9a449.

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

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

Is #3faed6 a warm or cool color?

#3faed6 is a cool color. In OKLCH its hue is 226 degrees, its lightness 70.5% and its chroma 0.114.