HEX #2F559D color — Sapphire
The color #2f559d is a dark shade and moderately saturated.
Palette
2f559d color palette from light to dark
HEX |
RGB |
HSL |
#ebf0f9 |
rgb(235,240,249) |
hsl(219,54%,95%) |
#d8e1f3 |
rgb(216,225,243) |
hsl(219,54%,90%) |
#c4d3ed |
rgb(196,211,237) |
hsl(219,54%,85%) |
#b0c4e8 |
rgb(176,196,232) |
hsl(219,54%,80%) |
#9db5e2 |
rgb(157,181,226) |
hsl(219,54%,75%) |
#89a6dc |
rgb(137,166,220) |
hsl(219,54%,70%) |
#7697d6 |
rgb(118,151,214) |
hsl(219,54%,65%) |
#6288d0 |
rgb(98,136,208) |
hsl(219,54%,60%) |
#4e7aca |
rgb(78,122,202) |
hsl(219,54%,55%) |
#3b6bc4 |
rgb(59,107,196) |
hsl(219,54%,50%) |
#3560b1 |
rgb(53,96,177) |
hsl(219,54%,45%) |
#2f559d |
rgb(47,85,157) |
hsl(219,54%,40%) |
#294b89 |
rgb(41,75,137) |
hsl(219,54%,35%) |
#234076 |
rgb(35,64,118) |
hsl(219,54%,30%) |
#1d3562 |
rgb(29,53,98) |
hsl(219,54%,25%) |
#172b4f |
rgb(23,43,79) |
hsl(219,54%,20%) |
#12203b |
rgb(18,32,59) |
hsl(219,54%,15%) |
#0c1527 |
rgb(12,21,39) |
hsl(219,54%,10%) |
#060b14 |
rgb(6,11,20) |
hsl(219,54%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2F9E9B |
rgb(47,158,155) |
hsl(178,54%,40%) |
#2F559D |
rgb(47,85,157) |
hsl(219,54%,40%) |
#522E9D |
rgb(82,46,157) |
hsl(259,55%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4573C7 |
rgb(69,115,199) |
hsl(219,54%,53%) |
#3663B6 |
rgb(54,99,182) |
hsl(219,54%,46%) |
#2F559D |
rgb(47,85,157) |
hsl(219,54%,40%) |
#274783 |
rgb(39,71,131) |
hsl(219,54%,33%) |
#1F3B6A |
rgb(31,59,106) |
hsl(218,55%,27%) |
#182B51 |
rgb(24,43,81) |
hsl(220,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F559D |
rgb(47,85,157) |
hsl(219,54%,40%) |
#9D402F |
rgb(157,64,47) |
hsl(9,54%,40%) |
#8C9E2F |
rgb(140,158,47) |
hsl(70,54%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F559D |
rgb(47,85,157) |
hsl(219,54%,40%) |
#9D782F |
rgb(157,120,47) |
hsl(40,54%,40%) |
#2F8C9D |
rgb(47,140,157) |
hsl(189,54%,40%) |
#8C9E2F |
rgb(140,158,47) |
hsl(70,54%,40%) |