HEX #5069D2 color — Indigo
The color #5069D2 is a dark shade and moderately saturated.
Palette
5069D2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(228,59%,97%) |
#dfe3f7 |
rgb(223,227,247) |
hsl(228,59%,92%) |
#cad2f1 |
rgb(202,210,241) |
hsl(228,59%,87%) |
#b6c1ec |
rgb(182,193,236) |
hsl(228,59%,82%) |
#a2b0e7 |
rgb(162,176,231) |
hsl(228,59%,77%) |
#8d9ee2 |
rgb(141,158,226) |
hsl(228,59%,72%) |
#798ddc |
rgb(121,141,220) |
hsl(228,59%,67%) |
#657cd7 |
rgb(101,124,215) |
hsl(228,59%,62%) |
#516bd2 |
rgb(81,107,210) |
hsl(228,59%,57%) |
#3c59cd |
rgb(60,89,205) |
hsl(228,59%,52%) |
#314dbf |
rgb(49,77,191) |
hsl(228,59%,47%) |
#2c45aa |
rgb(44,69,170) |
hsl(228,59%,42%) |
#273d96 |
rgb(39,61,150) |
hsl(228,59%,37%) |
#213582 |
rgb(33,53,130) |
hsl(228,59%,32%) |
#1c2c6d |
rgb(28,44,109) |
hsl(228,59%,27%) |
#172459 |
rgb(23,36,89) |
hsl(228,59%,22%) |
#121c45 |
rgb(18,28,69) |
hsl(228,59%,17%) |
#0d1431 |
rgb(13,20,49) |
hsl(228,59%,12%) |
#070c1c |
rgb(7,12,28) |
hsl(228,59%,7%) |
#020308 |
rgb(2,3,8) |
hsl(228,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50BFD2 |
rgb(80,191,210) |
hsl(189,59%,57%) |
#5069D2 |
rgb(80,105,210) |
hsl(228,59%,57%) |
#8D4FD2 |
rgb(141,79,210) |
hsl(268,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99A8E4 |
rgb(153,168,228) |
hsl(228,58%,75%) |
#748ADB |
rgb(116,138,219) |
hsl(227,59%,66%) |
#5069D2 |
rgb(80,105,210) |
hsl(228,59%,57%) |
#314DC1 |
rgb(49,77,193) |
hsl(228,60%,47%) |
#28409C |
rgb(40,64,156) |
hsl(228,59%,38%) |
#1E3077 |
rgb(30,48,119) |
hsl(228,60%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5069D2 |
rgb(80,105,210) |
hsl(228,59%,57%) |
#D27850 |
rgb(210,120,80) |
hsl(18,59%,57%) |
#AAD150 |
rgb(170,209,80) |
hsl(78,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5069D2 |
rgb(80,105,210) |
hsl(228,59%,57%) |
#D2BA50 |
rgb(210,186,80) |
hsl(49,59%,57%) |
#50ABD2 |
rgb(80,171,210) |
hsl(198,59%,57%) |
#AAD150 |
rgb(170,209,80) |
hsl(78,58%,57%) |