HEX #5270D2 color — Indigo
The color #5270D2 is a dark shade and moderately saturated.
Palette
5270D2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(226,59%,97%) |
#dfe4f7 |
rgb(223,228,247) |
hsl(226,59%,92%) |
#cad3f1 |
rgb(202,211,241) |
hsl(226,59%,87%) |
#b6c3ec |
rgb(182,195,236) |
hsl(226,59%,82%) |
#a2b2e7 |
rgb(162,178,231) |
hsl(226,59%,77%) |
#8da1e2 |
rgb(141,161,226) |
hsl(226,59%,72%) |
#7990dc |
rgb(121,144,220) |
hsl(226,59%,67%) |
#6580d7 |
rgb(101,128,215) |
hsl(226,59%,62%) |
#516fd2 |
rgb(81,111,210) |
hsl(226,59%,57%) |
#3c5ecd |
rgb(60,94,205) |
hsl(226,59%,52%) |
#3152bf |
rgb(49,82,191) |
hsl(226,59%,47%) |
#2c49aa |
rgb(44,73,170) |
hsl(226,59%,42%) |
#274196 |
rgb(39,65,150) |
hsl(226,59%,37%) |
#213882 |
rgb(33,56,130) |
hsl(226,59%,32%) |
#1c2f6d |
rgb(28,47,109) |
hsl(226,59%,27%) |
#172659 |
rgb(23,38,89) |
hsl(226,59%,22%) |
#121e45 |
rgb(18,30,69) |
hsl(226,59%,17%) |
#0d1531 |
rgb(13,21,49) |
hsl(226,59%,12%) |
#070c1c |
rgb(7,12,28) |
hsl(226,59%,7%) |
#020308 |
rgb(2,3,8) |
hsl(226,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#52C4D2 |
rgb(82,196,210) |
hsl(187,59%,57%) |
#5270D2 |
rgb(82,112,210) |
hsl(226,59%,57%) |
#8952D2 |
rgb(137,82,210) |
hsl(266,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CADE5 |
rgb(156,173,229) |
hsl(226,58%,75%) |
#778FDB |
rgb(119,143,219) |
hsl(226,58%,66%) |
#5270D2 |
rgb(82,112,210) |
hsl(226,59%,57%) |
#3254C2 |
rgb(50,84,194) |
hsl(226,59%,48%) |
#28459D |
rgb(40,69,157) |
hsl(225,59%,39%) |
#1F3378 |
rgb(31,51,120) |
hsl(227,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5270D2 |
rgb(82,112,210) |
hsl(226,59%,57%) |
#D27352 |
rgb(210,115,82) |
hsl(15,59%,57%) |
#B0D152 |
rgb(176,209,82) |
hsl(76,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5270D2 |
rgb(82,112,210) |
hsl(226,59%,57%) |
#D2B552 |
rgb(210,181,82) |
hsl(46,59%,57%) |
#52B0D2 |
rgb(82,176,210) |
hsl(196,59%,57%) |
#B0D152 |
rgb(176,209,82) |
hsl(76,58%,57%) |