Skip to the color picker

#7ccafe color: Chromis Damsel Blue

#7ccafe is rgb(124, 202, 254) in RGB and oklch(80.827% 0.10681 239.167) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

204°
100%

80.8%
0.107
239°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Baby blue
  • blue-300
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.79:1Hard to read
Lc -37
Black text
11.74:1Readable · AA
Lc 71

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 #7ccafe

#7ccafe is a bright light sky blue color. In OKLCH it has 80.8% lightness, 0.107 chroma and a hue of 239°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.79:1 contrast and black text 11.74:1, so black text reads better.

The closest named color is Chromis Damsel Blue (#82cafc). In Tailwind CSS the closest color is blue-300.

More light sky blue colors

Lighter: #7ccafe mixed with white

  1. 7ccafe
  2. 8ad0fe
  3. 98d5ff
  4. a6daff
  5. b3e0ff
  6. c0e5ff
  7. cdeaff
  8. d9f0ff
  9. e6f5ff
  10. f3faff

Darker: #7ccafe mixed with black

  1. 7ccafe
  2. 6bafdd
  3. 5a95bd
  4. 4a7c9e
  5. 3b6480
  6. 2c4d63
  7. 1e3747
  8. 11222d
  9. 050f16
  10. 010203

Calmer: #7ccafe with less saturation

  1. 7ccafe
  2. 84c9f8
  3. 8cc9f2
  4. 94c8ec
  5. 9bc7e6
  6. a1c6e0
  7. a8c5d9
  8. aec4d3
  9. b4c3cd
  10. bac1c7

Similar named colors

Colors that go with #7ccafe

Complementary
#7ccafe#f4b079
Analogous
#7ccafe#60d3e5#a4beff
Triadic
#7ccafe#f9a3be#b8ca7a
Split
#7ccafe#fea698#dcbd6c

Questions about #7ccafe

What color is #7ccafe?

#7ccafe is bright light sky blue. The closest named color is Chromis Damsel Blue. In RGB it is rgb(124, 202, 254), in HSL hsl(204, 98.48%, 74.12%) and in OKLCH oklch(80.827% 0.10681 239.167).

What colors go well with #7ccafe?

The complementary color of #7ccafe is #f4b079. For a calmer combination use the analogous colors #60d3e5 and #a4beff. The triadic partners are #f9a3be and #b8ca7a.

Is white or black text more readable on #7ccafe?

Black text reads better on #7ccafe: white gives a contrast ratio of 1.79:1 and black gives 11.74:1. WCAG AA asks for at least 4.5:1 for body text.

Is #7ccafe a warm or cool color?

#7ccafe is a cool color. In OKLCH its hue is 239 degrees, its lightness 80.8% and its chroma 0.107.