bluecoolCC0 survey name

Periwinkle Blue #8F99FB

Periwinkle Blue is a light, vivid cool color (#8F99FB; HSL 234° 93% 77%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “periwinkle blue”.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues · Sky Blues

Color values

FormatValue
HEX#8F99FB
RGBrgb(143, 153, 251)
HSLhsl(234, 93%, 77%)
HSVhsv(234, 43%, 98%)
OKLCHoklch(71.65% 0.142 277.7)
OKLaboklab(71.65% 0.0192 -0.1411)
CMYKcmyk(43%, 39%, 0%, 1.6%)
XYZxyz(40.1263, 35.5852, 96.0024)
CIE-LABlab(66.2, 20.8, -50.1)
CIE-LCHlch(66.2, 54.2, 292.5°)
Luminance0.356 (WCAG relative)
/* Periwinkle Blue */ --periwinkle-blue: #8f99fb; color: #8f99fb; background-color: #8f99fb;

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

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)

#8088df #7178c3 #6369a9 #55598f #474a75 #3a3c5d #2d2e46 #202130 #14141b #000000

Tints (toward white)

#9ca3fc #a8acfc #b4b6fd #c0c0fd #cbcbfe #d6d5fe #e0dfff #ebeaff #f5f4ff #ffffff

Tones (toward gray)

#939af2 #969ae9 #989be0 #9a9cd7 #9c9dce #9e9ec5 #9f9ebc #a09fb3 #a1a0aa #a1a1a1

Color harmonies

Complementary

Edit in generator →
#8F99FB
#FBF18F
#8f99fb #fbf18f

Analogous

Edit in generator →
#8FCFFB
#8F99FB
#BB8FFB
#8fcffb #8f99fb #bb8ffb

Triadic

Edit in generator →
#8F99FB
#FB8F99
#99FB8F
#8f99fb #fb8f99 #99fb8f

Tetradic

Edit in generator →
#8F99FB
#FB8FCF
#FBF18F
#8FFBBB
#8f99fb #fb8fcf #fbf18f #8ffbbb

Square

Edit in generator →
#8F99FB
#FB8FCF
#FBF18F
#8FFBBB
#8f99fb #fb8fcf #fbf18f #8ffbbb

Split Complementary

Edit in generator →
#8F99FB
#FBBB8F
#CFFB8F
#8f99fb #fbbb8f #cffb8f

Monochromatic

Edit in generator →
#192DF7
#5463F9
#8F99FB
#CACFFD
#E1E4FE
#192df7 #5463f9 #8f99fb #cacffd #e1e4fe

Accessibility & contrast

2.59
#8F99FB on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
8.12
#8F99FB on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on periwinkle blue

8.12
#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)
#75A5FF
Deuteranopia (green-blind)
#6E9DF9
Tritanopia (blue-blind)
#6BADBE

Closest named colors

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

ColorNameΔE₀₀
Perrywinkle #8F8CE74.86
Lavender Blue #8B88F84.99
Soft Blue #6488EA8.18
Cornflowerblue #6495ED8.27
Cornflower #6A79F710.03
Pastel Blue #A2BFFE10.08

Colors that go with periwinkle blue

Top matches by hue harmony, contrast and saturation compatibility.

Night Blue #040348
7.3:1
Same hue family as periwinkle blue (Δh 6°) — guaranteed harmony
Deep Purple #36013F
6.6:1
Warm/cool bridge (Δh 57°) — adds depth without tension
Rosewood #65000B
5.2:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Navy Green #35530A
3.4:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Green Brown #544E03
3.3:1
Complementary hue (Δh ≈179°) — 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.