CSS named color
DodgerBlue #1E90FF
DodgerBlue (CSS keyword dodgerblue) has the hex code #1E90FF and the RGB value rgb(30, 144, 255): a medium, vivid sky blue.
A bright, saturated azure blue (#1e90ff) that sits between deepskyblue and royalblue. It is a common choice for links and primary buttons in quick prototypes.
Color codes for DodgerBlue
| CSS keyword | dodgerblue |
|---|---|
| HEX | #1E90FF |
| RGB | rgb(30, 144, 255) |
| HSL | hsl(210, 100%, 56%) |
| HWB | hwb(210 12% 0%) |
| OKLCH | oklch(65.2% 0.19 253.2) |
| CMYK (naive, no ICC profile) | cmyk(88%, 44%, 0%, 0%) |
| Decimal | 2,003,199 |
| Hue family | Blues |
Contrast and accessibility
On dodgerblue, black text has a contrast ratio of 6.48:1 and passes AA for normal text; white text reaches 3.23:1.
WCAG 2.2 contrast ratios (success criteria 1.4.3 and 1.4.6: AA needs 4.5:1 for normal text and 3:1 for large text, AAA needs 7:1 and 4.5:1). APCA Lc is the lightness contrast from the APCA-W3 0.0.98G model proposed for WCAG 3; a higher absolute value is more readable, and Lc 75 is its suggested minimum for body text.
| Pair | Ratio | AA | AA large | AAA | AAA large | APCA Lc |
|---|---|---|---|---|---|---|
| Black text on dodgerblue | 6.48:1 | Pass | Pass | Fail | Pass | 45.1 |
| White text on dodgerblue | 3.23:1 | Fail | Pass | Fail | Fail | −64.4 |
| Dodgerblue text on white | 3.23:1 | Fail | Pass | Fail | Fail | 59.0 |
| Dodgerblue text on black | 6.48:1 | Pass | Pass | Fail | Pass | −42.7 |
Tints and shades
Each step mixes dodgerblue with white (tints) or black (shades) in gamma-encoded sRGB, the same result as color-mix(in srgb, dodgerblue, white 25%) in CSS.
Tints (mixed with white)
- 5%
#2996ff - 15%
#40a1ff - 25%
#56acff - 35%
#6db7ff - 45%
#83c2ff - 55%
#9acdff - 65%
#b0d8ff - 75%
#c7e3ff - 85%
#ddeeff - 95%
#f4f9ff
Shades (mixed with black)
- 5%
#1d89f2 - 15%
#1a7ad9 - 25%
#176cbf - 35%
#145ea6 - 45%
#114f8c - 55%
#0d4173 - 65%
#0b3259 - 75%
#082440 - 85%
#051626 - 95%
#02070d
Color harmonies
Rotating the hue in OKLCH while keeping lightness and chroma, dodgerblue's complementary color is #C87D00 (close to darkgoldenrod), its analogous colors are #00A1CF and #847AFE, and its triadic partners are #EC516E and #5DA600. For text on top, black gives the higher contrast.
| Harmony | Rotation | Color |
|---|---|---|
| Complementary | +180° | #c87d00 |
| Analogous | −30°, +30° | #00a1cf#847afe |
| Triadic | +120°, +240° | #ec516e#5da600 |
| Split-complementary | +150°, +210° | #ea5d07#a29200 |
Computed in OKLCH: the hue is rotated by 180° (complementary), ±30° (analogous), ±120° (triadic) and 180° ±30° (split-complementary) while lightness and chroma stay fixed. Results that fall outside sRGB are brought back with the CSS Color 4 gamut mapping algorithm. Because this uses OKLCH, the values differ from tools that rotate hue in HSL, but every color keeps the same perceived lightness.
Warm or cool?
DodgerBlue is a cool color: its hue is 210° on the HSL wheel, in the green, blue and violet range that is conventionally called cool.
Nearest named and Tailwind colors
Distance is ΔE OK, the Euclidean distance in OKLab multiplied by 100. Values under about 2 are hard to tell apart side by side.
Code snippets
.element {
color: dodgerblue;
background-color: #1e90ff;
border-color: rgb(30 144 255);
outline-color: oklch(65.2% 0.19 253.2);
}<div class="bg-[#1e90ff] text-black">...</div>
/* or register it once in your CSS (Tailwind v4) */
@theme {
--color-dodgerblue: #1e90ff;
}
/* then use bg-dodgerblue, text-dodgerblue, border-dodgerblue */import SwiftUI
extension Color {
static let dodgerblue = Color(red: 0.118, green: 0.565, blue: 1.000)
}import androidx.compose.ui.graphics.Color
val Dodgerblue = Color(0xFF1E90FF)import 'package:flutter/material.dart';
const dodgerblue = Color(0xFF1E90FF);<!-- res/values/colors.xml -->
<color name="dodgerblue">#1E90FF</color>Frequently asked questions
- What is the hex code for dodgerblue?
- The hex code for dodgerblue is #1E90FF. The same color is rgb(30, 144, 255), hsl(210, 100%, 56%) and oklch(65.2% 0.19 253.2), and in CSS you can also write the keyword dodgerblue directly.
- Is dodgerblue a warm or cool color?
- DodgerBlue is a cool color: its hue is 210° on the HSL wheel, in the green, blue and violet range that is conventionally called cool.
- What colors go with dodgerblue?
- Rotating the hue in OKLCH while keeping lightness and chroma, dodgerblue's complementary color is #C87D00 (close to darkgoldenrod), its analogous colors are #00A1CF and #847AFE, and its triadic partners are #EC516E and #5DA600. For text on top, black gives the higher contrast.
- Can you use white text on dodgerblue?
- White text on dodgerblue has a contrast ratio of 3.23:1, which passes AA only for large text (24 px, or 18.66 px bold, and up) under WCAG 2.2. Black text reaches 6.48:1 and passes AA for normal text but not AAA. In APCA terms that is Lc −64.4 for white and Lc 45.1 for black.
- What is the RGB value of dodgerblue?
- DodgerBlue is rgb(30, 144, 255): red 30, green 144 and blue 255 on the 0 to 255 scale, or 11.8%, 56.5% and 100.0%. As a decimal integer it is 2003199.
Last reviewed by Arielton Oberek.