bluecoolCC0 survey name

Soft Blue #6488EA

Soft Blue is a mid-tone, vivid cool color (#6488EA; HSL 224° 76% 65%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “soft blue”.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues · Sky Blues

Color values

FormatValue
HEX#6488EA
RGBrgb(100, 136, 234)
HSLhsl(224, 76%, 65%)
HSVhsv(224, 57%, 92%)
OKLCHoklch(64.6% 0.152 266.9)
OKLaboklab(64.6% -0.0081 -0.152)
CMYKcmyk(57.3%, 41.9%, 0%, 8.2%)
XYZxyz(28.906, 26.2559, 81.3706)
CIE-LABlab(58.3, 16.1, -53.4)
CIE-LCHlch(58.3, 55.8, 286.7°)
Luminance0.263 (WCAG relative)
/* Soft Blue */ --soft-blue: #6488ea; color: #6488ea; background-color: #6488ea;

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

Collections: Pastel Blue Colors · 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)

#5b79d0 #516bb6 #485d9e #3f5085 #36436e #2d3657 #242a42 #1b1e2d #12121a #000000

Tints (toward white)

#7893ec #899eef #9aaaf1 #a9b6f3 #b8c1f5 #c7cdf8 #d5dafa #e3e6fb #f1f2fd #ffffff

Tones (toward gray)

#6c88e0 #7289d7 #7789cd #7c89c4 #808abb #838ab1 #868ba8 #898b9f #8b8c95 #8c8c8c

Color harmonies

Complementary

Edit in generator →
#6488EA
#EAC664
#6488ea #eac664

Analogous

Edit in generator →
#64CBEA
#6488EA
#8364EA
#64cbea #6488ea #8364ea

Triadic

Edit in generator →
#6488EA
#EA6488
#88EA64
#6488ea #ea6488 #88ea64

Tetradic

Edit in generator →
#6488EA
#EA64CB
#EAC664
#64EA83
#6488ea #ea64cb #eac664 #64ea83

Square

Edit in generator →
#6488EA
#EA64CB
#EAC664
#64EA83
#6488ea #ea64cb #eac664 #64ea83

Split Complementary

Edit in generator →
#6488EA
#EA8364
#CBEA64
#6488ea #ea8364 #cbea64

Monochromatic

Edit in generator →
#1945BA
#2E5FE3
#6488EA
#9AB1F1
#D0DBF9
#1945ba #2e5fe3 #6488ea #9ab1f1 #d0dbf9

Accessibility & contrast

3.36
#6488EA on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
6.25
#6488EA on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓

Best text on soft blue

6.25
#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)
#5D93EE
Deuteranopia (green-blind)
#4B86E8
Tritanopia (blue-blind)
#009EAE

Closest named colors

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

ColorNameΔE₀₀
Dodger Blue #3E82FC4.23
Cornflowerblue #6495ED4.43
Faded Blue #658CBB5.30
Cornflower #6A79F75.82
Clear Blue #247AFD6.36
Azure #007FFF6.67

Colors that go with soft blue

Top matches by hue harmony, contrast and saturation compatibility.

Night Blue #040348
5.6:1
Analogous hue (Δh ≈17°) — neighbors on the color wheel
Dark Indigo #1F0954
5.1:1
Analogous hue (Δh ≈34°) — neighbors on the color wheel
Burgundy #800020
3.2:1
Triadic harmony (Δh ≈121°) — balanced three-way contrast
Rust #B7410E
1.7:1
Split-complementary angle (Δh ≈154°) — strong but softer than direct complement
Mustard #DBB42C
1.7:1
Complementary hue (Δh ≈177°) — 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.