HEX #2F369C color — Sapphire
The color #2F369C is a dark shade and moderately saturated.
Palette
2F369C 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 |
#2F809C |
rgb(47,128,156) |
hsl(195,54%,40%) |
#2F369C |
rgb(47,54,156) |
hsl(236,54%,40%) |
#702E9C |
rgb(112,46,156) |
hsl(276,54%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3640B4 |
rgb(54,64,180) |
hsl(235,54%,46%) |
#2F369C |
rgb(47,54,156) |
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%) |
#101438 |
rgb(16,20,56) |
hsl(234,56%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F369C |
rgb(47,54,156) |
hsl(236,54%,40%) |
#9C5E2F |
rgb(156,94,47) |
hsl(26,54%,40%) |
#6C9C2F |
rgb(108,156,47) |
hsl(86,54%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F369C |
rgb(47,54,156) |
hsl(236,54%,40%) |
#9C942F |
rgb(156,148,47) |
hsl(56,54%,40%) |
#2F6E9C |
rgb(47,110,156) |
hsl(205,54%,40%) |
#6C9C2F |
rgb(108,156,47) |
hsl(86,54%,40%) |