bluecoolCC0 survey name

Blue Blue #2242C7

Blue Blue is a mid-tone, vivid cool color (#2242C7; HSL 228° 71% 46%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “blue blue”.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues

Color values

FormatValue
HEX#2242C7
RGBrgb(34, 66, 199)
HSLhsl(228, 71%, 46%)
HSVhsv(228, 83%, 78%)
OKLCHoklch(45.23% 0.208 266.6)
OKLaboklab(45.23% -0.0125 -0.208)
CMYKcmyk(82.9%, 66.8%, 0%, 22%)
XYZxyz(12.9131, 8.3585, 54.9545)
CIE-LABlab(34.7, 38.4, -71.8)
CIE-LCHlch(34.7, 81.4, 298.2°)
Luminance0.084 (WCAG relative)
/* Blue Blue */ --blue-blue: #2242c7; color: #2242c7; background-color: #2242c7;

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

Collections: 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)

#243cb1 #25359c #242f87 #232973 #21245f #1d1e4c #19183a #151328 #0e0a18 #000000

Tints (toward white)

#4a53cd #6564d3 #7c76d9 #9188df #a49be5 #b7afea #cac2f0 #dcd6f5 #edeafa #ffffff

Tones (toward gray)

#3344bb #3d45af #4547a3 #4a4897 #4e4a8b #504b7f #524d74 #534f68 #52505d #525252

Color harmonies

Complementary

Edit in generator →
#2242C7
#C7A722
#2242c7 #c7a722

Analogous

Edit in generator →
#2294C7
#2242C7
#5522C7
#2294c7 #2242c7 #5522c7

Triadic

Edit in generator →
#2242C7
#C72242
#42C722
#2242c7 #c72242 #42c722

Tetradic

Edit in generator →
#2242C7
#C72294
#C7A722
#22C755
#2242c7 #c72294 #c7a722 #22c755

Square

Edit in generator →
#2242C7
#C72294
#C7A722
#22C755
#2242c7 #c72294 #c7a722 #22c755

Split Complementary

Edit in generator →
#2242C7
#C75522
#94C722
#2242c7 #c75522 #94c722

Monochromatic

Edit in generator →
#101F5E
#193193
#2242C7
#4764E0
#7B90E8
#101f5e #193193 #2242c7 #4764e0 #7b90e8

Accessibility & contrast

7.86
#2242C7 on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.67
#2242C7 on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on blue blue

7.86
#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)
#005ACB
Deuteranopia (green-blind)
#004AC5
Tritanopia (blue-blind)
#00667F

Closest named colors

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

ColorNameΔE₀₀
Ocean Blue #4F42B55.27
Cobalt #0047AB5.61
Vibrant Blue #0339F86.03
Blurple #5539CC6.35
Sapphire #0F52BA6.47
Vivid Blue #152EFF7.56

Colors that go with blue blue

Top matches by hue harmony, contrast and saturation compatibility.

Royal Blue #4169E1
1.6:1
Same hue family as blue blue (Δh 3°) — guaranteed harmony
Mediumorchid #BA55D3
2.0:1
Warm/cool bridge (Δh 60°) — adds depth without tension
Light Green #96F97B
6.0:1
Triadic harmony (Δh ≈121°) — balanced three-way contrast
Lemon Lime #BFFE28
6.5:1
Split-complementary angle (Δh ≈151°) — strong but softer than direct complement
Gold #FFD700
5.6:1
Complementary hue (Δh ≈178°) — 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.