Steel Color
#4682B4
Shades
Darker variations of each color in your palette
Base Color
#4682B4#4682B4
#386890
#2A4E6C
#1C3448
#0E1A24
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#4682B4#4682B4
#6B9BC3
#90B4D2
#B5CDE1
#DAE6F0
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #4682B4 |  |
| RGB | 70, 130, 180 | |
| HSL | 207, 44%, 49% | |
| CMYK | 61%, 28%, 0%, 29% | |
| OKLCH | oklch(0.588 0.099 246) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#4682B4#46B4AE
#4682B4
#464BB4
Analogous
#4682B4
#B47746
Complementary
#4682B4
#B44682
#82B446
Triadic
#4682B4
#B4464B
#B4AE46
Split Complementary
#4682B4
#AE46B4
#B47746
#4BB446
Tetradic
#1D3549
#325D81
#4785B8
#7EAACD
#B6CEE2
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#4682B4#B44646
#B4B446
#46B446
#46B4B4
#4646B4
#B446B4
Hues
Tones
Tones created by adding gray to each color
Base Color
#4682B4#4682B4
#5282AA
#5D819F
#698195
#74808A
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#4682B4#6282AC
#7E82A4
#99829C
Warmer
#4382BF
#4082CB
#3D82D6
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#4682B4On White Background
Sample Text
Contrast Ratio:4.11:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:5.11:1
WCAG Level:AA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)