HEX #307ADB color — Mariner
The color #307ADB is a dark shade and moderately saturated.
Palette
307ADB color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(214,70%,97%) |
#dce9f9 |
rgb(220,233,249) |
hsl(214,70%,92%) |
#c7dbf5 |
rgb(199,219,245) |
hsl(214,70%,87%) |
#b1cdf1 |
rgb(177,205,241) |
hsl(214,70%,82%) |
#9bbfed |
rgb(155,191,237) |
hsl(214,70%,77%) |
#86b1ea |
rgb(134,177,234) |
hsl(214,70%,72%) |
#70a3e6 |
rgb(112,163,230) |
hsl(214,70%,67%) |
#5a95e2 |
rgb(90,149,226) |
hsl(214,70%,62%) |
#4587de |
rgb(69,135,222) |
hsl(214,70%,57%) |
#2f79da |
rgb(47,121,218) |
hsl(214,70%,52%) |
#246dcc |
rgb(36,109,204) |
hsl(214,70%,47%) |
#2061b6 |
rgb(32,97,182) |
hsl(214,70%,42%) |
#1c56a0 |
rgb(28,86,160) |
hsl(214,70%,37%) |
#184a8b |
rgb(24,74,139) |
hsl(214,70%,32%) |
#153e75 |
rgb(21,62,117) |
hsl(214,70%,27%) |
#11335f |
rgb(17,51,95) |
hsl(214,70%,22%) |
#0d274a |
rgb(13,39,74) |
hsl(214,70%,17%) |
#091c34 |
rgb(9,28,52) |
hsl(214,70%,12%) |
#05101e |
rgb(5,16,30) |
hsl(214,70%,7%) |
#020509 |
rgb(2,5,9) |
hsl(214,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30DBCA |
rgb(48,219,202) |
hsl(174,70%,52%) |
#307ADB |
rgb(48,122,219) |
hsl(214,70%,52%) |
#5830DB |
rgb(88,48,219) |
hsl(254,70%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78A8E7 |
rgb(120,168,231) |
hsl(214,70%,69%) |
#5491E1 |
rgb(84,145,225) |
hsl(214,70%,61%) |
#307ADB |
rgb(48,122,219) |
hsl(214,70%,52%) |
#2166BF |
rgb(33,102,191) |
hsl(214,71%,44%) |
#1A529A |
rgb(26,82,154) |
hsl(214,71%,35%) |
#144076 |
rgb(20,64,118) |
hsl(213,71%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#307ADB |
rgb(48,122,219) |
hsl(214,70%,52%) |
#DB3B30 |
rgb(219,59,48) |
hsl(4,70%,52%) |
#CFDB30 |
rgb(207,219,48) |
hsl(64,70%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#307ADB |
rgb(48,122,219) |
hsl(214,70%,52%) |
#DB9130 |
rgb(219,145,48) |
hsl(34,70%,52%) |
#30CFDB |
rgb(48,207,219) |
hsl(184,70%,52%) |
#CFDB30 |
rgb(207,219,48) |
hsl(64,70%,52%) |