HEX #2A85E6 color — Royal Blue
The color #2A85E6 is a dark shade and highly saturated.
Palette
2A85E6 color palette from light to dark
HEX |
RGB |
HSL |
#f6fafe |
rgb(246,250,254) |
hsl(211,79%,98%) |
#dfedfb |
rgb(223,237,251) |
hsl(211,79%,93%) |
#c8e0f9 |
rgb(200,224,249) |
hsl(211,79%,88%) |
#b1d3f6 |
rgb(177,211,246) |
hsl(211,79%,83%) |
#9bc5f3 |
rgb(155,197,243) |
hsl(211,79%,78%) |
#84b8f1 |
rgb(132,184,241) |
hsl(211,79%,73%) |
#6dabee |
rgb(109,171,238) |
hsl(211,79%,68%) |
#569eeb |
rgb(86,158,235) |
hsl(211,79%,63%) |
#3f91e9 |
rgb(63,145,233) |
hsl(211,79%,58%) |
#2884e6 |
rgb(40,132,230) |
hsl(211,79%,53%) |
#1a77db |
rgb(26,119,219) |
hsl(211,79%,48%) |
#176bc4 |
rgb(23,107,196) |
hsl(211,79%,43%) |
#145ead |
rgb(20,94,173) |
hsl(211,79%,38%) |
#125297 |
rgb(18,82,151) |
hsl(211,79%,33%) |
#0f4680 |
rgb(15,70,128) |
hsl(211,79%,28%) |
#0c3969 |
rgb(12,57,105) |
hsl(211,79%,23%) |
#0a2d52 |
rgb(10,45,82) |
hsl(211,79%,18%) |
#07203b |
rgb(7,32,59) |
hsl(211,79%,13%) |
#041425 |
rgb(4,20,37) |
hsl(211,79%,8%) |
#02070e |
rgb(2,7,14) |
hsl(211,79%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AE6C9 |
rgb(42,230,201) |
hsl(171,79%,53%) |
#2A85E6 |
rgb(42,133,230) |
hsl(211,79%,53%) |
#4C29E6 |
rgb(76,41,230) |
hsl(251,79%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77B3EF |
rgb(119,179,239) |
hsl(210,79%,70%) |
#509CEA |
rgb(80,156,234) |
hsl(210,79%,62%) |
#2A85E6 |
rgb(42,133,230) |
hsl(211,79%,53%) |
#1870CC |
rgb(24,112,204) |
hsl(211,79%,45%) |
#1359A5 |
rgb(19,89,165) |
hsl(211,79%,36%) |
#0E457E |
rgb(14,69,126) |
hsl(211,80%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A85E6 |
rgb(42,133,230) |
hsl(211,79%,53%) |
#E62E2A |
rgb(230,46,42) |
hsl(1,79%,53%) |
#E3E62A |
rgb(227,230,42) |
hsl(61,79%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A85E6 |
rgb(42,133,230) |
hsl(211,79%,53%) |
#E68C2A |
rgb(230,140,42) |
hsl(31,79%,53%) |
#2AE3E6 |
rgb(42,227,230) |
hsl(181,79%,53%) |
#E3E62A |
rgb(227,230,42) |
hsl(61,79%,53%) |