Skip to the color picker

#71aafd color: Fennel Flower

#71aafd is rgb(113, 170, 253) in RGB and oklch(73.389% 0.13529 257.722) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

216°
100%

73.4%
0.135
258°
  • Blue
  • Light
  • Vivid
  • Cool
  • ≈ Baby blue
  • blue-400
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
2.37:1Hard to read
Lc -51
Black text
8.87:1Readable · AA
Lc 57

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

#71aafd is a bright light blue color. In OKLCH it has 73.4% lightness, 0.135 chroma and a hue of 258°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.37:1 contrast and black text 8.87: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: #71aafd mixed with white

  1. 71aafd
  2. 7fb3fe
  3. 8ebcff
  4. 9cc4ff
  5. aacdff
  6. b8d5ff
  7. c6deff
  8. d4e6ff
  9. e2eeff
  10. f1f7ff

Darker: #71aafd mixed with black

  1. 71aafd
  2. 6193dc
  3. 527dbc
  4. 43689d
  5. 35537f
  6. 273f62
  7. 1a2d47
  8. 0e1b2d
  9. 040b16
  10. 010103

Calmer: #71aafd with less saturation

  1. 71aafd
  2. 77aaf5
  3. 7dabed
  4. 83abe4
  5. 89abdc
  6. 8fabd4
  7. 94abcb
  8. 99aac3
  9. 9faaba
  10. a4a9b2

Questions about #71aafd

What color is #71aafd?

#71aafd is bright light blue. The closest named color is Fennel Flower. In RGB it is rgb(113, 170, 253), in HSL hsl(215.57, 97.22%, 71.76%) and in OKLCH oklch(73.389% 0.13529 257.722).

What colors go well with #71aafd?

The complementary color of #71aafd is #d79d33. For a calmer combination use the analogous colors #25b9eb and #a59af9. The triadic partners are #f28389 and #7dbd66.

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

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

Is #71aafd a warm or cool color?

#71aafd is a cool color. In OKLCH its hue is 258 degrees, its lightness 73.4% and its chroma 0.135.