bluecoolCC0 survey name

Vivid Blue #152EFF

Vivid Blue is a mid-tone, vivid cool color (#152EFF; HSL 234° 100% 54%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “vivid blue”.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues

Color values

FormatValue
HEX#152EFF
RGBrgb(21, 46, 255)
HSLhsl(234, 100%, 54%)
HSVhsv(234, 92%, 100%)
OKLCHoklch(48.24% 0.292 265.6)
OKLaboklab(48.24% -0.0226 -0.2916)
CMYKcmyk(91.8%, 82%, 0%, 0%)
XYZxyz(19.33, 9.3308, 95.3706)
CIE-LABlab(36.6, 67.3, -100.6)
CIE-LCHlch(36.6, 121.0, 303.8°)
Luminance0.093 (WCAG relative)
/* Vivid Blue */ --vivid-blue: #152eff; color: #152eff; background-color: #152eff;

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

Collections: Vibrant Colors · Neon Colors · Ocean Colors

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)

#202be2 #2527c7 #2724ab #272091 #251c77 #22195f #1e1547 #181131 #11091c #000000

Tints (toward white)

#5243ff #7158ff #8a6cff #9f81ff #b295ff #c3aaff #d3bfff #e3d4ff #f1e9ff #ffffff

Tones (toward gray)

#3634ed #4539dc #4f3dca #5642b9 #5a46a8 #5c4997 #5c4d87 #5b5076 #595366 #565656

Color harmonies

Complementary

Edit in generator →
#152EFF
#FFE615
#152eff #ffe615

Analogous

Edit in generator →
#15A3FF
#152EFF
#7115FF
#15a3ff #152eff #7115ff

Triadic

Edit in generator →
#152EFF
#FF152E
#2EFF15
#152eff #ff152e #2eff15

Tetradic

Edit in generator →
#152EFF
#FF15A3
#FFE615
#15FF71
#152eff #ff15a3 #ffe615 #15ff71

Square

Edit in generator →
#152EFF
#FF15A3
#FFE615
#15FF71
#152eff #ff15a3 #ffe615 #15ff71

Split Complementary

Edit in generator →
#152EFF
#FF7115
#A3FF15
#152eff #ff7115 #a3ff15

Monochromatic

Edit in generator →
#00109A
#0017D7
#152EFF
#5265FF
#8F9BFF
#00109a #0017d7 #152eff #5265ff #8f9bff

Accessibility & contrast

7.33
#152EFF on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.87
#152EFF on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on vivid blue

7.33
#FFFFFF 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)
#0062FF
Deuteranopia (green-blind)
#004AFC
Tritanopia (blue-blind)
#00739A

Closest named colors

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

ColorNameΔE₀₀
Vibrant Blue #0339F82.11
Rich Blue #021BF93.15
Blue #0000FF4.57
Primary Blue #0804F94.78
Strong Blue #0C06F74.81
Purplish Blue #601EF94.96

Colors that go with vivid blue

Top matches by hue harmony, contrast and saturation compatibility.

True Blue #010FCC
1.5:1
Same hue family as vivid blue (Δh 2°) — guaranteed harmony
Hot Purple #CB00F5
1.7:1
Warm/cool bridge (Δh 56°) — adds depth without tension
Highlighter Green #1BFC06
5.2:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Acid Green #8FFE09
5.7:1
Split-complementary angle (Δh ≈146°) — strong but softer than direct complement
Warm Beige #E9DCC9
5.4:1
Complementary hue (Δh ≈162°) — 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.