Pastel blue Color — HEX, RGB, HSL & CMYK Codes

#a2bffe
Format Value
HEX #a2bffe
RGB rgb(162, 191, 254)
HSL hsl(221.1, 97.9%, 81.6%)
CMYK cmyk(36.2%, 24.8%, 0%, 0.4%)
HSV hsv(221.1, 36.2%, 99.6%)

pastel blue color harmonies

Tints & shades of pastel blue

Tints (lighter)

#aac5fe #b3cbfe #bbd0fe #c4d6fe #ccdcfe #d5e2ff #dde8ff #e6eeff #eef3ff #f7f9ff

Shades (darker)

#93aee7 #859cd0 #768bb9 #677aa2 #58688b #4a5773 #3b455c #2c3445 #1d232e #0f1117

Contrast & accessibility

The quick brown fox

On white · 1.84:1 · Fail

The quick brown fox

On black · 11.42:1 · AAA

Recommended text color: #000000

Use pastel blue in code

CSS color: #a2bffe;
SCSS $color: #a2bffe;
Tailwind bg-[#a2bffe]
Swift UIColor(red: 0.635, green: 0.749, blue: 0.996, alpha: 1)
Android Color.parseColor("#a2bffe")
Flutter Color(0xFFA2BFFE)

Colors similar to pastel blue

Browse all Blue colors →

What is the HEX code for pastel blue?

The CSS color pastel blue in HEX format is #a2bffe. Use this value directly in CSS, SVG, and most design tools.

How do I use pastel blue in CSS?

To apply pastel blue in CSS:

  • Text color: color: #a2bffe;
  • Background: background-color: #a2bffe;
  • Border: border-color: #a2bffe;

What are all the color format values for pastel blue?

FormatValue
HEX#a2bffe
RGBrgb(162, 191, 254)
HSLhsl(221.1, 97.9%, 81.6%)
CMYKcmyk(36.2%, 24.8%, 0%, 0.4%)

How do I convert pastel blue to HEX?

Select pastel blue from the color name list in our color converter. The HEX value — #a2bffe — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does pastel blue belong to?

pastel blue belongs to the blue color family. It is a light, vivid color with HSL values: hue 221.1°, saturation 97.9%, lightness 81.6%.

How do I create lighter and darker shades of pastel blue?

Lighter variant (lightness 95%): #e6eeff. Darker variant (lightness 66.6%): #568bfd. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.