Skip to the color picker

#77aafd color: Fennel Flower

#77aafd is rgb(119, 170, 253) in RGB and oklch(73.699% 0.1328 259.772) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

217°
100%

73.7%
0.133
260°
  • Blue
  • Light
  • Vivid
  • Cool
  • ≈ Baby blue
  • blue-400
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
2.35:1Hard to read
Lc -51
Black text
8.95:1Readable · AA
Lc 58

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 #77aafd

#77aafd is a bright light blue color. In OKLCH it has 73.7% lightness, 0.133 chroma and a hue of 260°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.35:1 contrast and black text 8.95:1, so black text reads better.

The closest named color is Fennel Flower (#77aaff). In Tailwind CSS the closest color is blue-400.

More light blue colors

Lighter: #77aafd mixed with white

  1. 77aafd
  2. 85b3fe
  3. 92bcff
  4. 9fc4ff
  5. adcdff
  6. bbd5ff
  7. c8deff
  8. d6e6ff
  9. e3eeff
  10. f1f7ff

Darker: #77aafd mixed with black

  1. 77aafd
  2. 6793dc
  3. 577dbc
  4. 47689d
  5. 38537f
  6. 2a3f62
  7. 1c2d47
  8. 101b2d
  9. 050b16
  10. 010103

Calmer: #77aafd with less saturation

  1. 77aafd
  2. 7daaf5
  3. 82abed
  4. 87abe5
  5. 8cabdd
  6. 92abd4
  7. 97abcc
  8. 9babc4
  9. a0abbb
  10. a5aab2

Questions about #77aafd

What color is #77aafd?

#77aafd is bright light blue. The closest named color is Fennel Flower. In RGB it is rgb(119, 170, 253), in HSL hsl(217.16, 97.1%, 72.94%) and in OKLCH oklch(73.699% 0.1328 259.772).

What colors go well with #77aafd?

The complementary color of #77aafd is #d69f37. For a calmer combination use the analogous colors #33b8ed and #a99af8. The triadic partners are #f28587 and #7bbe6c.

Is white or black text more readable on #77aafd?

Black text reads better on #77aafd: white gives a contrast ratio of 2.35:1 and black gives 8.95:1. WCAG AA asks for at least 4.5:1 for body text.

Is #77aafd a warm or cool color?

#77aafd is a cool color. In OKLCH its hue is 260 degrees, its lightness 73.7% and its chroma 0.133.