HEX #3A69B8 color — Indigo
The color #3A69B8 is a dark shade and moderately saturated.
Palette
3A69B8 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fb |
rgb(243,246,251) |
hsl(218,52%,97%) |
#e0e8f5 |
rgb(224,232,245) |
hsl(218,52%,92%) |
#cdd9ef |
rgb(205,217,239) |
hsl(218,52%,87%) |
#b9cbe9 |
rgb(185,203,233) |
hsl(218,52%,82%) |
#a6bce3 |
rgb(166,188,227) |
hsl(218,52%,77%) |
#92aedd |
rgb(146,174,221) |
hsl(218,52%,72%) |
#7f9fd7 |
rgb(127,159,215) |
hsl(218,52%,67%) |
#6c91d0 |
rgb(108,145,208) |
hsl(218,52%,62%) |
#5882ca |
rgb(88,130,202) |
hsl(218,52%,57%) |
#4574c4 |
rgb(69,116,196) |
hsl(218,52%,52%) |
#3a67b6 |
rgb(58,103,182) |
hsl(218,52%,47%) |
#335ca3 |
rgb(51,92,163) |
hsl(218,52%,42%) |
#2d518f |
rgb(45,81,143) |
hsl(218,52%,37%) |
#27467c |
rgb(39,70,124) |
hsl(218,52%,32%) |
#213b69 |
rgb(33,59,105) |
hsl(218,52%,27%) |
#1b3055 |
rgb(27,48,85) |
hsl(218,52%,22%) |
#152542 |
rgb(21,37,66) |
hsl(218,52%,17%) |
#0f1a2f |
rgb(15,26,47) |
hsl(218,52%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(218,52%,7%) |
#020408 |
rgb(2,4,8) |
hsl(218,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AB8B3 |
rgb(58,184,179) |
hsl(178,52%,47%) |
#3A69B8 |
rgb(58,105,184) |
hsl(218,52%,47%) |
#5F3BB8 |
rgb(95,59,184) |
hsl(257,51%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6E94D1 |
rgb(110,148,209) |
hsl(217,52%,63%) |
#507DC8 |
rgb(80,125,200) |
hsl(218,52%,55%) |
#3A69B8 |
rgb(58,105,184) |
hsl(218,52%,47%) |
#30599A |
rgb(48,89,154) |
hsl(217,52%,40%) |
#27477D |
rgb(39,71,125) |
hsl(218,52%,32%) |
#1E365F |
rgb(30,54,95) |
hsl(218,52%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A69B8 |
rgb(58,105,184) |
hsl(218,52%,47%) |
#B84A3A |
rgb(184,74,58) |
hsl(8,52%,47%) |
#A8B83A |
rgb(168,184,58) |
hsl(68,52%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A69B8 |
rgb(58,105,184) |
hsl(218,52%,47%) |
#B88A3A |
rgb(184,138,58) |
hsl(38,52%,47%) |
#3AA8B8 |
rgb(58,168,184) |
hsl(188,52%,47%) |
#A8B83A |
rgb(168,184,58) |
hsl(68,52%,47%) |