bluecoolCC0 survey name

Warm Blue #4B57DB

Warm Blue is a mid-tone, moderately saturated cool color (#4B57DB; HSL 235° 67% 58%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “warm blue”.

Use cases: Trust UI · Corporate accents

Open in generator →

Families: Blues

Color values

FormatValue
HEX#4B57DB
RGBrgb(75, 87, 219)
HSLhsl(235, 67%, 58%)
HSVhsv(235, 66%, 86%)
OKLCHoklch(52.67% 0.199 273.4)
OKLaboklab(52.67% 0.0119 -0.199)
CMYKcmyk(65.8%, 60.3%, 0%, 14.1%)
XYZxyz(19.0918, 13.425, 68.5893)
CIE-LABlab(43.4, 36.8, -69.0)
CIE-LCHlch(43.4, 78.2, 298.1°)
Luminance0.134 (WCAG relative)
/* Warm Blue */ --warm-blue: #4b57db; color: #4b57db; background-color: #4b57db;

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

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)

#454ec3 #4046ab #3a3d94 #33357d #2d2d68 #262553 #1f1e3e #18162b #100d19 #000000

Tints (toward white)

#6566df #7a76e3 #8d86e7 #9f97eb #b0a7ef #c1b8f2 #d1caf6 #e0dbf9 #f0edfc #ffffff

Tones (toward gray)

#5359cf #595ac3 #5e5cb7 #625dab #645fa0 #666094 #676289 #68637d #676572 #676767

Color harmonies

Complementary

Edit in generator →
#4B57DB
#DBCF4B
#4b57db #dbcf4b

Analogous

Edit in generator →
#4B9FDB
#4B57DB
#874BDB
#4b9fdb #4b57db #874bdb

Triadic

Edit in generator →
#4B57DB
#DB4B57
#57DB4B
#4b57db #db4b57 #57db4b

Tetradic

Edit in generator →
#4B57DB
#DB4B9F
#DBCF4B
#4BDB87
#4b57db #db4b9f #dbcf4b #4bdb87

Square

Edit in generator →
#4B57DB
#DB4B9F
#DBCF4B
#4BDB87
#4b57db #db4b9f #dbcf4b #4bdb87

Split Complementary

Edit in generator →
#4B57DB
#DB874B
#9FDB4B
#4b57db #db874b #9fdb4b

Monochromatic

Edit in generator →
#1D268F
#2734C2
#4B57DB
#7E87E5
#B1B6EF
#1d268f #2734c2 #4b57db #7e87e5 #b1b6ef

Accessibility & contrast

5.70
#4B57DB on #FFFFFF
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
3.69
#4B57DB on #000000
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓

Best text on warm blue

5.70
#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)
#006DDF
Deuteranopia (green-blind)
#0060D8
Tritanopia (blue-blind)
#007891

Closest named colors

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

ColorNameΔE₀₀
Dark Periwinkle #665FD14.54
Azul #1D5DEC4.58
Iris #6258C44.60
Electric Blue #0652FF4.66
Slate Blue #6A5ACD5.07
Light Indigo #6D5ACF5.49

Colors that go with warm blue

Top matches by hue harmony, contrast and saturation compatibility.

Royal #0C1793
2.4:1
Same hue family as warm blue (Δh 0°) — guaranteed harmony
Liliac #C48EFD
2.3:1
Analogous hue (Δh ≈34°) — neighbors on the color wheel
Easter Green #8CFD7E
4.5:1
Triadic harmony (Δh ≈122°) — balanced three-way contrast
Pale Lime #BEFD73
4.7:1
Split-complementary angle (Δh ≈148°) — strong but softer than direct complement
Gold #FFD700
4.1:1
Complementary hue (Δh ≈176°) — 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.