HEX #2F369D color — Sapphire
The color #2F369D is a dark shade and moderately saturated.
Palette
2F369D color palette from light to dark
HEX |
RGB |
HSL |
#ebecf9 |
rgb(235,236,249) |
hsl(236,54%,95%) |
#d8daf3 |
rgb(216,218,243) |
hsl(236,54%,90%) |
#c4c7ed |
rgb(196,199,237) |
hsl(236,54%,85%) |
#b0b4e8 |
rgb(176,180,232) |
hsl(236,54%,80%) |
#9da1e2 |
rgb(157,161,226) |
hsl(236,54%,75%) |
#898fdc |
rgb(137,143,220) |
hsl(236,54%,70%) |
#767cd6 |
rgb(118,124,214) |
hsl(236,54%,65%) |
#6269d0 |
rgb(98,105,208) |
hsl(236,54%,60%) |
#4e57ca |
rgb(78,87,202) |
hsl(236,54%,55%) |
#3b44c4 |
rgb(59,68,196) |
hsl(236,54%,50%) |
#353db1 |
rgb(53,61,177) |
hsl(236,54%,45%) |
#2f369d |
rgb(47,54,157) |
hsl(236,54%,40%) |
#292f89 |
rgb(41,47,137) |
hsl(236,54%,35%) |
#232976 |
rgb(35,41,118) |
hsl(236,54%,30%) |
#1d2262 |
rgb(29,34,98) |
hsl(236,54%,25%) |
#171b4f |
rgb(23,27,79) |
hsl(236,54%,20%) |
#12143b |
rgb(18,20,59) |
hsl(236,54%,15%) |
#0c0e27 |
rgb(12,14,39) |
hsl(236,54%,10%) |
#060714 |
rgb(6,7,20) |
hsl(236,54%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2F809D |
rgb(47,128,157) |
hsl(196,54%,40%) |
#2F369D |
rgb(47,54,157) |
hsl(236,54%,40%) |
#712E9D |
rgb(113,46,157) |
hsl(276,55%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#454FC7 |
rgb(69,79,199) |
hsl(235,54%,53%) |
#3640B6 |
rgb(54,64,182) |
hsl(235,54%,46%) |
#2F369D |
rgb(47,54,157) |
hsl(236,54%,40%) |
#272E83 |
rgb(39,46,131) |
hsl(235,54%,33%) |
#1F246A |
rgb(31,36,106) |
hsl(236,55%,27%) |
#181C51 |
rgb(24,28,81) |
hsl(236,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F369D |
rgb(47,54,157) |
hsl(236,54%,40%) |
#9D5E2F |
rgb(157,94,47) |
hsl(26,54%,40%) |
#6D9E2F |
rgb(109,158,47) |
hsl(86,54%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F369D |
rgb(47,54,157) |
hsl(236,54%,40%) |
#9D962F |
rgb(157,150,47) |
hsl(56,54%,40%) |
#2F6E9D |
rgb(47,110,157) |
hsl(206,54%,40%) |
#6D9E2F |
rgb(109,158,47) |
hsl(86,54%,40%) |