HEX #2C4D9B color — Sapphire
The color #2c4d9b is a dark shade and moderately saturated.
Palette
2c4d9b color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,56%,99%) |
#e7ecf8 |
rgb(231,236,248) |
hsl(222,56%,94%) |
#d3ddf3 |
rgb(211,221,243) |
hsl(222,56%,89%) |
#bfcded |
rgb(191,205,237) |
hsl(222,56%,84%) |
#abbde7 |
rgb(171,189,231) |
hsl(222,56%,79%) |
#98aee2 |
rgb(152,174,226) |
hsl(222,56%,74%) |
#849edc |
rgb(132,158,220) |
hsl(222,56%,69%) |
#708fd7 |
rgb(112,143,215) |
hsl(222,56%,64%) |
#5c7fd1 |
rgb(92,127,209) |
hsl(222,56%,59%) |
#486fcb |
rgb(72,111,203) |
hsl(222,56%,54%) |
#3761c3 |
rgb(55,97,195) |
hsl(222,56%,49%) |
#3157af |
rgb(49,87,175) |
hsl(222,56%,44%) |
#2c4d9b |
rgb(44,77,155) |
hsl(222,56%,39%) |
#264387 |
rgb(38,67,135) |
hsl(222,56%,34%) |
#213973 |
rgb(33,57,115) |
hsl(222,56%,29%) |
#1b2f5f |
rgb(27,47,95) |
hsl(222,56%,24%) |
#15264c |
rgb(21,38,76) |
hsl(222,56%,19%) |
#101c38 |
rgb(16,28,56) |
hsl(222,56%,14%) |
#0a1224 |
rgb(10,18,36) |
hsl(222,56%,9%) |
#040810 |
rgb(4,8,16) |
hsl(222,56%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#2C969B |
rgb(44,150,155) |
hsl(183,56%,39%) |
#2C4D9B |
rgb(44,77,155) |
hsl(222,56%,39%) |
#552B9B |
rgb(85,43,155) |
hsl(263,57%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3359B3 |
rgb(51,89,179) |
hsl(222,56%,45%) |
#2C4D9B |
rgb(44,77,155) |
hsl(222,56%,39%) |
#244082 |
rgb(36,64,130) |
hsl(222,57%,33%) |
#1D3669 |
rgb(29,54,105) |
hsl(220,57%,26%) |
#162950 |
rgb(22,41,80) |
hsl(220,57%,20%) |
#0F1C37 |
rgb(15,28,55) |
hsl(221,57%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C4D9B |
rgb(44,77,155) |
hsl(222,56%,39%) |
#9B422C |
rgb(155,66,44) |
hsl(12,56%,39%) |
#849C2C |
rgb(132,156,44) |
hsl(73,56%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C4D9B |
rgb(44,77,155) |
hsl(222,56%,39%) |
#9B7A2C |
rgb(155,122,44) |
hsl(42,56%,39%) |
#2C859B |
rgb(44,133,155) |
hsl(192,56%,39%) |
#849C2C |
rgb(132,156,44) |
hsl(73,56%,39%) |