HexaCalc
All tools
Pick Hex color pickerColor picker from imagePalette from imageCamera color identifierScreen color picker
Create Palette generatorColor wheelComplementary colorsTriadic colorsMonochromatic schemeColor mixerBrownBlueGreenPurplePinkOrangeGrayColor matcherGradient generatorTailwind color generatorShades and tintsRandom color generatorPaint color visualizerWebsite color schemesColor mixing chart
Check Contrast checkerColor blindness simulatorColor blind testTypes of color blindnessHue test
Convert HEX to RGBRGB to HEXRGB to CMYKCMYK to RGBHEX to CMYKHEX to HSLColor converterColor temperatureColor name finder
Personal color Color analysisSkin tone chartSeasonal color quizWinterAutumnSpringLight SpringTrue SpringBright SpringLight SummerTrue SummerSoft SummerSoft AutumnTrue AutumnDeep AutumnDeep WinterTrue WinterBright Winter
Color families Color codesBlueGreenSage greenMauveRedPinkPurplePastelNeutralDarkGoldGrayMint greenLight greenLight purpleLime greenPastel pinkNeonPastel greenPastel yellowPeachCrimsonCool colorsBurnt orangeOrangeGreigeBright colorsSpring colorsTealNavy blueBurgundyCoralLavenderBeigeMaroonOlive greenTurquoiseEmerald greenBrownYellowTerracottaDusty roseCreamMustard yellowForest greenBaby bluePeriwinkleMagenta
Hex math Hex calculatorHex to decimalDecimal to hexHex to binaryBinary to hexHex to textText to hex
More tools Minecraft color codesColor gameResistor color codeImage color changerColor by numberGrayscale image
↑ ↓ to moveEnter to openEsc to close

Baby blue color codes

Baby blue is a soft, pale blue used for nurseries and spring designs. Compare the CSS light blues with named baby blues and powder tones.

CSS light blue keywords

  • CSSAa 16.05:1
    aliceblue #F0F8FF RGB 240, 248, 255
  • CSSAa 12.01:1
    powderblue #B0E0E6 RGB 176, 224, 230
  • CSSAa 11.26:1
    lightblue #ADD8E6 RGB 173, 216, 230
  • CSSAa 10.03:1
    lightskyblue #87CEFA RGB 135, 206, 250
  • CSSAa 9.88:1
    skyblue #87CEEB RGB 135, 206, 235
  • CSSAa 9.67:1
    lightsteelblue #B0C4DE RGB 176, 196, 222

Named baby blues

Every color here is called baby blue.

  • Aa 14.28:1
    Aggressive Baby Blue #6FFFFF RGB 111, 255, 255
  • Aa 11.39:1
    Cry Baby Blue #C3D4E7 RGB 195, 212, 231
  • Aa 10.03:1
    Baby Blue Eyes #A1CAF1 RGB 161, 202, 241

Powder and sky blues

  • Aa 14.55:1
    Water #D4F1F9 RGB 212, 241, 249
  • Aa 12.68:1
    Puffy Cloud #D2DEF2 RGB 210, 222, 242
  • Aa 12.67:1
    Breaking the Ice #B8E4F5 RGB 184, 228, 245
  • Aa 10.94:1
    Delicate Ice #B7D2E3 RGB 183, 210, 227
  • Aa 10.69:1
    Over the Sky #98D5EA RGB 152, 213, 234
  • Aa 10.41:1
    Andromeda Blue #ABCDEE RGB 171, 205, 238
  • Aa 10.02:1
    Clear Sky #8ECCFE RGB 142, 204, 254

Palette idea: light to dark

  • LightestAa 16.05:1
    aliceblue #F0F8FF RGB 240, 248, 255
  • LightAa 12.67:1
    Breaking the Ice #B8E4F5 RGB 184, 228, 245
  • MidAa 10.94:1
    Delicate Ice #B7D2E3 RGB 183, 210, 227
  • DeepAa 10.03:1
    Baby Blue Eyes #A1CAF1 RGB 161, 202, 241
  • DarkestAa 9.67:1
    lightsteelblue #B0C4DE RGB 176, 196, 222

Palette idea: with neutrals

  • BackgroundAa 16.11:1
    Warm white #FAF7F2 RGB 250, 247, 242
  • SurfaceAa 14.28:1
    Aggressive Baby Blue #6FFFFF RGB 111, 255, 255
  • MainAa 10.94:1
    Delicate Ice #B7D2E3 RGB 183, 210, 227
  • DeepAa 10.03:1
    lightskyblue #87CEFA RGB 135, 206, 250
  • TextAa 16.81:1
    Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

  • LightAa 14.28:1
    Aggressive Baby Blue #6FFFFF RGB 111, 255, 255
  • MainAa 10.94:1
    Delicate Ice #B7D2E3 RGB 183, 210, 227
  • DarkAa 9.88:1
    skyblue #87CEEB RGB 135, 206, 235
  • AccentAa 7.58:1
    Complement #D6A17D RGB 214, 161, 125
  • BaseAa 15.53:1
    Off-white #F5F3EE RGB 245, 243, 238

Soft and light

This is a pale, gentle blue. There is no CSS babyblue keyword, but lightblue (#ADD8E6) and powderblue (#B0E0E6) are the closest, and codes like #89CFF0 are common references.

Compared with powder and sky blue

  • This shade is soft and slightly warm.
  • Powder blue is grayer.
  • Sky blue is a touch brighter and deeper.

Styling it

It is calm and fresh. It pairs well with white, navy, blush pink, butter yellow and soft gray, and suits nurseries, spring designs and summer branding.

On screen

These blues are light, so dark text is the way to go. Use them for backgrounds, cards and highlight bars. For more, see shades of blue, pastel colors and periwinkle.