bluecoolCSS named color

Dodgerblue #1E90FF

Dodgerblue is a medium, highly saturated cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Trust UI · Corporate accents

Open in generator →Colors that go with dodgerblue →

Families: Blues

Color values

FormatValue
HEX#1E90FF
RGBrgb(30, 144, 255)
HSLhsl(210, 100%, 56%)
HSVhsv(210, 88%, 100%)
OKLCHoklch(65.2% 0.19 253.2)
OKLaboklab(65.2% -0.0549 -0.182)
CMYKcmyk(88.2%, 43.5%, 0%, 0%)
XYZxyz(28.5518, 27.4388, 98.3797)
CIE-LABlab(59.4, 10.0, -63.4)
CIE-LCHlch(59.4, 64.2, 278.9°)
Luminance0.274 (WCAG relative)
/* Dodgerblue */ --dodgerblue: #1e90ff; color: #1e90ff; background-color: #1e90ff;

Source: W3C CSS named color. CSS keyword: dodgerblue.

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)

#2481e2 #2671c6 #2763ab #265491 #244677 #20395e #1c2c47 #171f31 #10131c #000000

Tints (toward white)

#509aff #6da5ff #84afff #99baff #acc5ff #bed0ff #cfdcff #dfe7ff #eff3ff #ffffff

Tones (toward gray)

#4090f4 #538fe8 #618fdd #6c8fd2 #748fc6 #7c8fbb #828fb0 #878fa5 #8b8f9a #8f8f8f

Color harmonies

Complementary

Edit in generator →
#1E90FF
#FF8D1E
#1e90ff #ff8d1e

Analogous

Edit in generator →
#1EFFFD
#1E90FF
#1E1FFF
#1efffd #1e90ff #1e1fff

Triadic

Edit in generator →
#1E90FF
#FF1E90
#90FF1E
#1e90ff #ff1e90 #90ff1e

Tetradic

Edit in generator →
#1E90FF
#FD1EFF
#FF8D1E
#1FFF1E
#1e90ff #fd1eff #ff8d1e #1fff1e

Square

Edit in generator →
#1E90FF
#FD1EFF
#FF8D1E
#1FFF1E
#1e90ff #fd1eff #ff8d1e #1fff1e

Split Complementary

Edit in generator →
#1E90FF
#FF1E1F
#FFFD1E
#1e90ff #ff1e1f #fffd1e

Monochromatic

Edit in generator →
#0052A3
#0071E0
#1E90FF
#5BAEFF
#98CCFF
#0052a3 #0071e0 #1e90ff #5baeff #98ccff

Accessibility & contrast

3.24
#1E90FF on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
6.49
#1E90FF on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓

Best text on dodgerblue

6.49
#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)
#5599FF
Deuteranopia (green-blind)
#2386FD
Tritanopia (blue-blind)
#00ABBB

Closest named colors

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

ColorNameΔE₀₀
Cornflowerblue #6495ED5.50
Azure #007FFF5.76
Dodger Blue #3E82FC6.07
Water Blue #0E87CC7.23
Cool Blue #4984B87.55
Faded Blue #658CBB7.61

Colors that go with dodgerblue

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Denim #1560BD
1.9:1
Same hue family as dodgerblue (Δh 4°) — guaranteed harmony
4.6:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Red Purple #820747
3.1:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Maroon #800000
3.4:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Warm Beige #E9DCC9
2.4:1
Complementary hue (Δh ≈174°) — 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.