HEX #2F63A6 color — Azure
The color #2F63A6 is a dark shade and moderately saturated.
Palette
2F63A6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(214,56%,97%) |
#dfe9f6 |
rgb(223,233,246) |
hsl(214,56%,92%) |
#cbdbf0 |
rgb(203,219,240) |
hsl(214,56%,87%) |
#b7ceeb |
rgb(183,206,235) |
hsl(214,56%,82%) |
#a4c0e5 |
rgb(164,192,229) |
hsl(214,56%,77%) |
#90b2e0 |
rgb(144,178,224) |
hsl(214,56%,72%) |
#7ca5da |
rgb(124,165,218) |
hsl(214,56%,67%) |
#6897d4 |
rgb(104,151,212) |
hsl(214,56%,62%) |
#5489cf |
rgb(84,137,207) |
hsl(214,56%,57%) |
#407bc9 |
rgb(64,123,201) |
hsl(214,56%,52%) |
#356fbb |
rgb(53,111,187) |
hsl(214,56%,47%) |
#2f63a7 |
rgb(47,99,167) |
hsl(214,56%,42%) |
#2a5793 |
rgb(42,87,147) |
hsl(214,56%,37%) |
#244c7f |
rgb(36,76,127) |
hsl(214,56%,32%) |
#1e406b |
rgb(30,64,107) |
hsl(214,56%,27%) |
#193458 |
rgb(25,52,88) |
hsl(214,56%,22%) |
#132844 |
rgb(19,40,68) |
hsl(214,56%,17%) |
#0d1c30 |
rgb(13,28,48) |
hsl(214,56%,12%) |
#08111c |
rgb(8,17,28) |
hsl(214,56%,7%) |
#020508 |
rgb(2,5,8) |
hsl(214,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FA699 |
rgb(47,166,153) |
hsl(173,56%,42%) |
#2F63A6 |
rgb(47,99,166) |
hsl(214,56%,42%) |
#4A2EA6 |
rgb(74,46,166) |
hsl(254,57%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4C85CC |
rgb(76,133,204) |
hsl(213,56%,55%) |
#3673C0 |
rgb(54,115,192) |
hsl(213,56%,48%) |
#2F63A6 |
rgb(47,99,166) |
hsl(214,56%,42%) |
#27548B |
rgb(39,84,139) |
hsl(213,56%,35%) |
#1F4270 |
rgb(31,66,112) |
hsl(214,57%,28%) |
#183356 |
rgb(24,51,86) |
hsl(214,56%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F63A6 |
rgb(47,99,166) |
hsl(214,56%,42%) |
#A6362F |
rgb(166,54,47) |
hsl(4,56%,42%) |
#9EA62F |
rgb(158,166,47) |
hsl(64,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F63A6 |
rgb(47,99,166) |
hsl(214,56%,42%) |
#A6732F |
rgb(166,115,47) |
hsl(34,56%,42%) |
#2F9EA6 |
rgb(47,158,166) |
hsl(184,56%,42%) |
#9EA62F |
rgb(158,166,47) |
hsl(64,56%,42%) |