Steel Blue#4682B4
#4682B4 is a mid, moderate cyan. Relative luminance 0.206; OKLCH L 58.8% C 0.099 H 245.7°. Best body text is #000000 at 5.11:1 contrast (WCAG AA passes).
Color values
| HEX | #4682B4 |
|---|---|
| RGB | rgb(70, 130, 180) |
| HSL | hsl(207, 44%, 49%) |
| HSV | hsv(207, 61%, 71%) |
| CMYK | cmyk(61.1%, 27.8%, 0%, 29.4%) |
| CIE-LAB | lab(52.47, -4.08, -32.19) |
| CIE-LCH | lch(52.47, 32.45, 262.78°) |
| OKLab | oklab(58.8% -0.0408 -0.0906) |
| OKLCH | oklch(58.8% 0.099 245.7) |
| XYZ | xyz(18.7436, 20.5609, 46.1520) |
| Luminance | 0.2056 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Steel Blue
#4682B4
ΔE00 0.00
Cool Blue
#4984B8
ΔE00 0.98
Off Blue
#5684AE
ΔE00 2.33
Dusty Blue
#5A86AD
ΔE00 3.11
Cerulean (survey)
#0485D1
ΔE00 4.03
Water Blue
#0E87CC
ΔE00 4.17
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#4682B4 #B47846
analogous
#46B4AF #4682B4 #464BB4
triadic
#4682B4 #B44682 #82B446
tetradic
#4682B4 #AF46B4 #B47846 #4BB446
square
#4682B4 #AF46B4 #B47846 #4BB446
split-complementary
#4682B4 #B4464B #B4AF46
monochromatic
#24425C #356288 #4682B4 #70A0C7 #9CBDD8
Accessibility & contrast
On white
4.11
#4682B4 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.11
#4682B4 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #4682B4
5.11:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##4682B4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##4682B4 | 1.00 | 4.11 | 5.11 | 5.11 |
| #FFFFFF | 4.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.11 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.11 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6C83B6
Deuteranopia (green-blind)
#5D78B3
Tritanopia (blue-blind)
#008E93
Achromatopsia (no color)
#7D7D7D
Related colors
#4074A0#3A678D#355A7A#2F4D68#294056#233445#1C2835#161D25#0E1216#000000#5C8EBB#709AC3#83A6CA#95B2D2#A7BED9#B9CBE1#CAD8E8#DCE5F0#EDF2F7#FFFFFF#4F81AE#5781A9#5D80A3#63809EAzure
#007FFF
Cerulean
#007BA7
Royal Blue
#4169E1
Slate Gray
#708090
Denim
#1560BD
Baby Blue
#89CFF0
Blue
#0000FF
Cobalt
#0047AB
Palettes with this color
#05445E
#189AB4
#75E6DA
#D4F1F4
Ocean Color Palette
#C0C0C0
#E8E8E8
#606060
#C0C0C0
#A7A7A7
Silver Color Palette
#708090
#C8CFD7
#38434D
#898077
#7E8C9B
Slate Gray Color Palette
#36454F
#B0B7BD
#1D272E
#49413C
#48565F
Charcoal Color Palette
Design tokens & code
CSS
--color: #4682b4; /* rgb */ color: rgb(70, 130, 180); /* oklch */ color: oklch(58.8% 0.099 245.7);
Tailwind
colors: {
custom: {
50: '#83a6ca',
500: '#4682b4',
950: '#000000',
},
}SCSS
$custom: #4682b4; $custom-light: #83a6ca; $custom-dark: #000000;
JSON
{
"hex": "#4682b4",
"rgb": {
"r": 70,
"g": 130,
"b": 180
},
"hsl": {
"h": 207.273,
"s": 44,
"l": 49.02
},
"oklch": {
"l": 0.588,
"c": 0.09934,
"h": 245.7
},
"luminance": 0.20563
}Semantic roles & 50–950 ramp
primary
#4682B4
secondary
#C5A991
accent
#8E54D4
background
#F8FAFC
surface
#F0F4F8
border
#CBCED1
text
#0B0F13
muted
#7C7F82