Skip to the color picker

#4badcf color: Maximum Blue

#4badcf is rgb(75, 173, 207) in RGB and oklch(70.314% 0.10324 224.13) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

195°
100%

70.3%
0.103
224°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Dark gray
  • cyan-500
  • Black 19%

Inside sRGB: displays the same on any screen.

White text
2.57:1Hard to read
Lc -55
Black text
8.18: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 #4badcf

#4badcf is a bright light sky blue color. In OKLCH it has 70.3% lightness, 0.103 chroma and a hue of 224°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.57:1 contrast and black text 8.18:1, so black text reads better.

The closest named color is Maximum Blue (#47abcc). In Tailwind CSS the closest color is cyan-500.

More light sky blue colors

Lighter: #4badcf mixed with white

  1. 4badcf
  2. 61b5d4
  3. 75bed9
  4. 87c6de
  5. 99cee3
  6. abd6e8
  7. bcdeec
  8. cde7f1
  9. ddeff6
  10. eef7fa

Darker: #4badcf mixed with black

  1. 4badcf
  2. 4096b4
  3. 357f99
  4. 2b6a7f
  5. 215567
  6. 17414f
  7. 0e2d38
  8. 061b23
  9. 020b10
  10. 000102

Calmer: #4badcf with less saturation

  1. 4badcf
  2. 57acca
  3. 62abc6
  4. 6ca9c1
  5. 75a8bc
  6. 7da7b7
  7. 84a5b3
  8. 8ba4ae
  9. 92a2a9
  10. 99a1a4

Questions about #4badcf

What color is #4badcf?

#4badcf is bright light sky blue. The closest named color is Maximum Blue. In RGB it is rgb(75, 173, 207), in HSL hsl(195.45, 57.89%, 55.29%) and in OKLCH oklch(70.314% 0.10324 224.13).

What colors go well with #4badcf?

The complementary color of #4badcf is #d58a69. For a calmer combination use the analogous colors #3db3b2 and #72a2df. The triadic partners are #cd85af and #aaa352.

Is white or black text more readable on #4badcf?

Black text reads better on #4badcf: white gives a contrast ratio of 2.57:1 and black gives 8.18:1. WCAG AA asks for at least 4.5:1 for body text.

Is #4badcf a warm or cool color?

#4badcf is a cool color. In OKLCH its hue is 224 degrees, its lightness 70.3% and its chroma 0.103.