HEX #5275D2 color — Indigo
The color #5275D2 is a dark shade and moderately saturated.
Palette
5275D2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(224,59%,97%) |
#dfe5f7 |
rgb(223,229,247) |
hsl(224,59%,92%) |
#cad5f1 |
rgb(202,213,241) |
hsl(224,59%,87%) |
#b6c4ec |
rgb(182,196,236) |
hsl(224,59%,82%) |
#a2b4e7 |
rgb(162,180,231) |
hsl(224,59%,77%) |
#8da4e2 |
rgb(141,164,226) |
hsl(224,59%,72%) |
#7994dc |
rgb(121,148,220) |
hsl(224,59%,67%) |
#6583d7 |
rgb(101,131,215) |
hsl(224,59%,62%) |
#5173d2 |
rgb(81,115,210) |
hsl(224,59%,57%) |
#3c63cd |
rgb(60,99,205) |
hsl(224,59%,52%) |
#3157bf |
rgb(49,87,191) |
hsl(224,59%,47%) |
#2c4eaa |
rgb(44,78,170) |
hsl(224,59%,42%) |
#274496 |
rgb(39,68,150) |
hsl(224,59%,37%) |
#213b82 |
rgb(33,59,130) |
hsl(224,59%,32%) |
#1c326d |
rgb(28,50,109) |
hsl(224,59%,27%) |
#172959 |
rgb(23,41,89) |
hsl(224,59%,22%) |
#121f45 |
rgb(18,31,69) |
hsl(224,59%,17%) |
#0d1631 |
rgb(13,22,49) |
hsl(224,59%,12%) |
#070d1c |
rgb(7,13,28) |
hsl(224,59%,7%) |
#020408 |
rgb(2,4,8) |
hsl(224,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#52C9D2 |
rgb(82,201,210) |
hsl(184,59%,57%) |
#5275D2 |
rgb(82,117,210) |
hsl(224,59%,57%) |
#8452D2 |
rgb(132,82,210) |
hsl(263,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CB0E5 |
rgb(156,176,229) |
hsl(224,58%,75%) |
#7791DB |
rgb(119,145,219) |
hsl(224,58%,66%) |
#5275D2 |
rgb(82,117,210) |
hsl(224,59%,57%) |
#3259C2 |
rgb(50,89,194) |
hsl(224,59%,48%) |
#284A9D |
rgb(40,74,157) |
hsl(223,59%,39%) |
#1F3878 |
rgb(31,56,120) |
hsl(223,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5275D2 |
rgb(82,117,210) |
hsl(224,59%,57%) |
#D27052 |
rgb(210,112,82) |
hsl(14,59%,57%) |
#B5D152 |
rgb(181,209,82) |
hsl(73,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5275D2 |
rgb(82,117,210) |
hsl(224,59%,57%) |
#D2B052 |
rgb(210,176,82) |
hsl(44,59%,57%) |
#52B5D2 |
rgb(82,181,210) |
hsl(194,59%,57%) |
#B5D152 |
rgb(181,209,82) |
hsl(73,58%,57%) |