Start generating
97BDFF

#97BDFF closest to Pastel Blue

#97BDFF is a light, moderately saturated blue; the closest named color is Pastel Blue. In the RGB color model it is made of 59.2% red, 74.1% green and 100.0% blue (rgb(151, 189, 255)). Its HSL value is 218° hue, 100% saturation and 80% lightness, and in CMYK it is 41% cyan, 26% magenta, 0% yellow and 0% black. #97BDFF is a cool color. Black text reads best on it, with a contrast ratio of 11.04:1.

Make a palette with #97BDFF

#97BDFF color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #97BDFF

Shades

Mixed with black: richer and darker.

97BDFF83A4DE6F8CBE5C749E495D80374763263348171F2E080D16010203

Tints

Mixed with white: lighter and softer.

97BDFFA1C4FFABCAFFB6D1FFC0D8FFCADEFFD5E5FFDFEBFFEAF2FFF4F9FF

Tones

Mixed with gray: calmer and more muted.

97BDFF95B7F293B1E590ABD88EA5CB8C9FBE8A98B28792A5858C9982868C

Hues

The same lightness and chroma, rotated around the color wheel.

61CEE268CCEB72C8F37DC5F98AC1FD97BDFFA4B9FFB0B5FEBCB1FAC8ADF4D2AAED

Temperatures

Cooler on the left, warmer on the right.

80B0FF85B2FF89B5FF8EB8FF92BAFF97BDFF9DBCF8A2BBF0A8B9E9ADB8E1B2B6D9

#97BDFF color harmonies

Complementary

The opposite hue — maximum contrast and energy.

97BDFFFFD997
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

97BDFFFFA597F1FF97
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

97BDFF97F1FFA597FF
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

97BDFFFF97BDBDFF97
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

97BDFFD997FFFFD997BDFF97
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

97BDFFFF97F1FFD99797FFA5
Open in generator →

#97BDFF for color-blind viewers (and dogs)

How #97BDFF appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 97% similarHow dogs see it · simulated as #9AB7FE
  • Protanopia 96% similar1.3% of men, 0.02% of women · simulated as #A5C1FF
  • Protanomaly 97% similar1.3% of men, 0.02% of women · simulated as #A1BFFF
  • Deuteranopia 97% similar1.2% of men, 0.01% of women · simulated as #9AB7FE
  • Deuteranomaly 98% similar5% of men, 0.35% of women · simulated as #9ABAFE
  • Tritanopia 82% similar0.001% of men, 0.03% of women · simulated as #73CBD4
  • Tritanomaly 93% similar0.0001% of men, 0.0001% of women · simulated as #8BC3ED
  • Achromatopsia 79% similar0.003% of men, 0.003% of women · simulated as #BCBCBC
  • Achromatomaly 85% similar0.001% of men, 0.001% of women · simulated as #B4BCCF

#97BDFF contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.90:1 Very poor#97BDFF text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
11.04:1 Very good#97BDFF text on black
AA normalPassAAA normalPass
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #97BDFF

Palettes with #97BDFF

#97BDFF in CSS

/* Pastel Blue */
.color { color: #97BDFF; }
.background { background-color: #97BDFF; }
.border { border: 1px solid #97BDFF; }

/* Other notations */
color: rgb(151 189 255);
color: hsl(218 100% 80%);
color: oklch(0.796 0.103 261.2);

#97BDFF FAQ

What color is #97BDFF?

#97BDFF is a light, moderately saturated blue. Its closest named color is Pastel Blue. It belongs to the blue color family and is a cool color.

What is the RGB value of #97BDFF?

#97BDFF is rgb(151, 189, 255) in RGB, hsl(218, 100%, 80%) in HSL and cmyk(41%, 26%, 0%, 0%) in CMYK.

What is the complementary color of #97BDFF?

The complementary color of #97BDFF is #FFD997, which sits opposite it on the color wheel.

Which text color works on #97BDFF?

Black text has the best contrast on #97BDFF: 11.04:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #97BDFF a warm or cool color?

#97BDFF is a cool color.