Sky Blue #87CEEB

About this color

#87CEEB is a light, moderately saturated teal or cyan. In OKLCH its lightness is 81%, its chroma 0.082 and its hue 226°. Its hue sits on the cool side of the wheel. It is the named color Sky Blue. Black text reads best on it, at 12.05:1.

Colors that go with Sky Blue

Matches found by rotating Sky Blue around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Sky Blue

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Sky Blue, closest first.

• Seaglass Morning
• Pearl and Lagoon
• Kelp and Tidal
• Coral and Anchor
• Breakwater and Seaglass
• Marble Recess
• Chrome Drive
• Crayon Castle

Similar named colors

The eight named colors closest to Sky Blue, with their ΔE distance.

• Light Sky Blue #87CEFA ΔE 0.022
• Lightblue #7BC8F6 ΔE 0.029
• Sky #82CAFC ΔE 0.030
• Light Cornflower Blue #98C1D9 ΔE 0.038
• Baby Blue #A2CFFE ΔE 0.042
• Cloudy Blue #ACC2D9 ΔE 0.049
• Light Steel Blue #B0C4DE ΔE 0.049
• Vivid Sky Blue #4CC9F0 ΔE 0.051

More about Sky Blue

• Shades of blue
• What blue means

How to make Sky Blue

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 2 parts white
• 1 part blue

Recipe result: #92C6F0, a difference of ΔE 0.027 from Sky Blue. That is very close: most people will not see the difference.

What colors make blue? | Color mixing chart

Codes for Sky Blue in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Sky Blue

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 300.

1. Step 50

   50

   #EEF7FB

   oklch(97.1% 0.011 226)

2. Step 100

   100

   #DAEEF6

   oklch(93.7% 0.024 223.7)

3. Step 200

   200

   #BAE0F0

   oklch(88.5% 0.046 225.3)

4. Step 300

   300 (this color)

   #87CEEB

   oklch(81.5% 0.082 225.8)

5. Step 400

   400

   #18B0DE

   oklch(70.6% 0.131 225.8)

6. Step 500

   500

   #0097C0

   oklch(63% 0.12 225.7)

7. Step 600

   600

   #007FA2

   oklch(55.5% 0.106 225.7)

8. Step 700

   700

   #006B89

   oklch(49.1% 0.094 225.7)

9. Step 800

   800

   #005871

   oklch(42.8% 0.081 225.4)

10. Step 900

    900

    #00495E

    oklch(37.7% 0.071 225)

11. Step 950

    950

    #002B39

    oklch(26.9% 0.051 225.5)

Export this scale for Tailwind in the Tailwind colors tool

Sky Blue with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.