bluecoolCC0 survey name

Pastel Blue #A2BFFE

Pastel Blue is a light, vivid cool color (#A2BFFE; HSL 221° 98% 82%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “pastel blue”.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues · Sky Blues

Color values

FormatValue
HEX#A2BFFE
RGBrgb(162, 191, 254)
HSLhsl(221, 98%, 82%)
HSVhsv(221, 36%, 100%)
OKLCHoklch(80.62% 0.095 265.2)
OKLaboklab(80.62% -0.0079 -0.0949)
CMYKcmyk(36.2%, 24.8%, 0%, 0.4%)
XYZxyz(51.4151, 52.0964, 101.0932)
CIE-LABlab(77.3, 5.1, -34.2)
CIE-LCHlch(77.3, 34.6, 278.5°)
Luminance0.521 (WCAG relative)
/* Pastel Blue */ --pastel-blue: #a2bffe; color: #a2bffe; background-color: #a2bffe;

Source: xkcd color survey name (public domain, CC0). CSS keyword: pastelblue.

Collections: Light Blue Shades

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#91aae1 #8095c6 #6f81aa #5f6e90 #4f5b77 #40495e #313746 #232730 #15171b #000000

Tints (toward white)

#acc5fe #b6cbfe #c0d2ff #c9d8ff #d3deff #dce5ff #e5ebff #eef2ff #f6f8ff #ffffff

Tones (toward gray)

#a6bff8 #aabff1 #adbfeb #b0bfe5 #b3bfde #b6bfd8 #b8bfd2 #bbbfcc #bdbfc5 #bfbfbf

Color harmonies

Complementary

Edit in generator →
#A2BFFE
#FEE1A2
#a2bffe #fee1a2

Analogous

Edit in generator →
#A2EDFE
#A2BFFE
#B3A2FE
#a2edfe #a2bffe #b3a2fe

Triadic

Edit in generator →
#A2BFFE
#FEA2BF
#BFFEA2
#a2bffe #fea2bf #bffea2

Tetradic

Edit in generator →
#A2BFFE
#FEA2ED
#FEE1A2
#A2FEB3
#a2bffe #fea2ed #fee1a2 #a2feb3

Square

Edit in generator →
#A2BFFE
#FEA2ED
#FEE1A2
#A2FEB3
#a2bffe #fea2ed #fee1a2 #a2feb3

Split Complementary

Edit in generator →
#A2BFFE
#FEB3A2
#EDFEA2
#a2bffe #feb3a2 #edfea2

Monochromatic

Edit in generator →
#296CFD
#6595FD
#A2BFFE
#DFE9FF
#E1EAFF
#296cfd #6595fd #a2bffe #dfe9ff #e1eaff

Accessibility & contrast

1.84
#A2BFFE on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
11.42
#A2BFFE on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on pastel blue

11.42
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#AAC4FF
Deuteranopia (green-blind)
#A1BBFD
Tritanopia (blue-blind)
#85CCD5

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Carolina Blue #8AB8FE4.50
Lightsteelblue #B0C4DE7.33
Light Periwinkle #C1C6FC7.66
Cloudy Blue #ACC2D98.06
Light Blue #95D0FC8.73
Sky #82CAFC9.98

Colors that go with pastel blue

Top matches by hue harmony, contrast and saturation compatibility.

Navy Blue #1B2A4A
7.7:1
Same hue family as pastel blue (Δh 0°) — guaranteed harmony
Petrol #005F6A
4.0:1
Analogous hue (Δh ≈35°) — neighbors on the color wheel
Dark Plum #3F012C
9.1:1
Text-safe contrast with the anchor (9.12:1, passes WCAG AA)
Deep Brown #410200
9.3:1
Split-complementary angle (Δh ≈141°) — strong but softer than direct complement
Mud Brown #60460F
4.8:1
Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.