HEX #428AE2 color — Royal Blue
The color #428AE2 is a light shade and moderately saturated.
Palette
428AE2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(213,73%,97%) |
#dce9f9 |
rgb(220,233,249) |
hsl(213,73%,92%) |
#c6dbf6 |
rgb(198,219,246) |
hsl(213,73%,87%) |
#b0cef3 |
rgb(176,206,243) |
hsl(213,73%,82%) |
#9ac0ef |
rgb(154,192,239) |
hsl(213,73%,77%) |
#83b2ec |
rgb(131,178,236) |
hsl(213,73%,72%) |
#6da5e8 |
rgb(109,165,232) |
hsl(213,73%,67%) |
#5797e5 |
rgb(87,151,229) |
hsl(213,73%,62%) |
#4189e1 |
rgb(65,137,225) |
hsl(213,73%,57%) |
#2b7cde |
rgb(43,124,222) |
hsl(213,73%,52%) |
#206fcf |
rgb(32,111,207) |
hsl(213,73%,47%) |
#1d63b9 |
rgb(29,99,185) |
hsl(213,73%,42%) |
#1957a3 |
rgb(25,87,163) |
hsl(213,73%,37%) |
#164c8d |
rgb(22,76,141) |
hsl(213,73%,32%) |
#134077 |
rgb(19,64,119) |
hsl(213,73%,27%) |
#0f3461 |
rgb(15,52,97) |
hsl(213,73%,22%) |
#0c284b |
rgb(12,40,75) |
hsl(213,73%,17%) |
#081c35 |
rgb(8,28,53) |
hsl(213,73%,12%) |
#05111f |
rgb(5,17,31) |
hsl(213,73%,7%) |
#010509 |
rgb(1,5,9) |
hsl(213,73%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#42E3CF |
rgb(66,227,207) |
hsl(173,74%,57%) |
#428AE2 |
rgb(66,138,226) |
hsl(213,73%,57%) |
#6442E2 |
rgb(100,66,226) |
hsl(253,73%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93BDEE |
rgb(147,189,238) |
hsl(212,73%,75%) |
#6AA3E8 |
rgb(106,163,232) |
hsl(213,73%,66%) |
#428AE2 |
rgb(66,138,226) |
hsl(213,73%,57%) |
#2073D4 |
rgb(32,115,212) |
hsl(212,74%,48%) |
#1A5CAC |
rgb(26,92,172) |
hsl(213,74%,39%) |
#144783 |
rgb(20,71,131) |
hsl(212,74%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#428AE2 |
rgb(66,138,226) |
hsl(213,73%,57%) |
#E24A42 |
rgb(226,74,66) |
hsl(3,73%,57%) |
#DAE342 |
rgb(218,227,66) |
hsl(63,74%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#428AE2 |
rgb(66,138,226) |
hsl(213,73%,57%) |
#E29942 |
rgb(226,153,66) |
hsl(33,73%,57%) |
#42D9E2 |
rgb(66,217,226) |
hsl(183,73%,57%) |
#DAE342 |
rgb(218,227,66) |
hsl(63,74%,57%) |