HEX #2A5ED3 color — Mariner
The color #2A5ED3 is a dark shade and moderately saturated.
Palette
2A5ED3 color palette from light to dark
HEX |
RGB |
HSL |
#eaeffb |
rgb(234,239,251) |
hsl(222,67%,95%) |
#d4dff7 |
rgb(212,223,247) |
hsl(222,67%,90%) |
#bfcef2 |
rgb(191,206,242) |
hsl(222,67%,85%) |
#aabeee |
rgb(170,190,238) |
hsl(222,67%,80%) |
#95aeea |
rgb(149,174,234) |
hsl(222,67%,75%) |
#7f9ee6 |
rgb(127,158,230) |
hsl(222,67%,70%) |
#6a8ee2 |
rgb(106,142,226) |
hsl(222,67%,65%) |
#557edd |
rgb(85,126,221) |
hsl(222,67%,60%) |
#3f6dd9 |
rgb(63,109,217) |
hsl(222,67%,55%) |
#2a5dd5 |
rgb(42,93,213) |
hsl(222,67%,50%) |
#2654c0 |
rgb(38,84,192) |
hsl(222,67%,45%) |
#224baa |
rgb(34,75,170) |
hsl(222,67%,40%) |
#1d4195 |
rgb(29,65,149) |
hsl(222,67%,35%) |
#193880 |
rgb(25,56,128) |
hsl(222,67%,30%) |
#152f6a |
rgb(21,47,106) |
hsl(222,67%,25%) |
#112555 |
rgb(17,37,85) |
hsl(222,67%,20%) |
#0d1c40 |
rgb(13,28,64) |
hsl(222,67%,15%) |
#08132b |
rgb(8,19,43) |
hsl(222,67%,10%) |
#040915 |
rgb(4,9,21) |
hsl(222,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2ACFD3 |
rgb(42,207,211) |
hsl(181,67%,50%) |
#2A5ED3 |
rgb(42,94,211) |
hsl(222,67%,50%) |
#6629D3 |
rgb(102,41,211) |
hsl(262,67%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6C91E1 |
rgb(108,145,225) |
hsl(221,66%,65%) |
#4A78DB |
rgb(74,120,219) |
hsl(221,67%,57%) |
#2A5ED3 |
rgb(42,94,211) |
hsl(222,67%,50%) |
#234FB1 |
rgb(35,79,177) |
hsl(221,67%,42%) |
#1C408F |
rgb(28,64,143) |
hsl(221,67%,34%) |
#15306D |
rgb(21,48,109) |
hsl(222,68%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A5ED3 |
rgb(42,94,211) |
hsl(222,67%,50%) |
#D34A2A |
rgb(211,74,42) |
hsl(11,67%,50%) |
#B2D42A |
rgb(178,212,42) |
hsl(72,67%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A5ED3 |
rgb(42,94,211) |
hsl(222,67%,50%) |
#D39E2A |
rgb(211,158,42) |
hsl(41,67%,50%) |
#2AB3D3 |
rgb(42,179,211) |
hsl(191,67%,50%) |
#B2D42A |
rgb(178,212,42) |
hsl(72,67%,50%) |