HEX #2F549F color — Sapphire
The color #2F549F is a dark shade and moderately saturated.
Palette
2F549F color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf0f9 |
rgb(235,240,249) |
hsl(220,54%,95%) |
| #d8e1f3 |
rgb(216,225,243) |
hsl(220,54%,90%) |
| #c4d2ed |
rgb(196,210,237) |
hsl(220,54%,85%) |
| #b0c3e8 |
rgb(176,195,232) |
hsl(220,54%,80%) |
| #9db4e2 |
rgb(157,180,226) |
hsl(220,54%,75%) |
| #89a5dc |
rgb(137,165,220) |
hsl(220,54%,70%) |
| #7696d6 |
rgb(118,150,214) |
hsl(220,54%,65%) |
| #6287d0 |
rgb(98,135,208) |
hsl(220,54%,60%) |
| #4e78ca |
rgb(78,120,202) |
hsl(220,54%,55%) |
| #3b69c4 |
rgb(59,105,196) |
hsl(220,54%,50%) |
| #355eb1 |
rgb(53,94,177) |
hsl(220,54%,45%) |
| #2f549d |
rgb(47,84,157) |
hsl(220,54%,40%) |
| #294989 |
rgb(41,73,137) |
hsl(220,54%,35%) |
| #233f76 |
rgb(35,63,118) |
hsl(220,54%,30%) |
| #1d3462 |
rgb(29,52,98) |
hsl(220,54%,25%) |
| #172a4f |
rgb(23,42,79) |
hsl(220,54%,20%) |
| #121f3b |
rgb(18,31,59) |
hsl(220,54%,15%) |
| #0c1527 |
rgb(12,21,39) |
hsl(220,54%,10%) |
| #060a14 |
rgb(6,10,20) |
hsl(220,54%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2F9E9F |
rgb(47,158,159) |
hsl(181,54%,40%) |
| #2F549F |
rgb(47,84,159) |
hsl(220,54%,40%) |
| #542E9F |
rgb(84,46,159) |
hsl(260,55%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4773C8 |
rgb(71,115,200) |
hsl(220,54%,53%) |
| #3661B8 |
rgb(54,97,184) |
hsl(220,55%,47%) |
| #2F549F |
rgb(47,84,159) |
hsl(220,54%,40%) |
| #274785 |
rgb(39,71,133) |
hsl(220,55%,34%) |
| #1F386C |
rgb(31,56,108) |
hsl(221,55%,27%) |
| #182B52 |
rgb(24,43,82) |
hsl(220,55%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2F549F |
rgb(47,84,159) |
hsl(220,54%,40%) |
| #9F422F |
rgb(159,66,47) |
hsl(10,54%,40%) |
| #8C9E2F |
rgb(140,158,47) |
hsl(70,54%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2F549F |
rgb(47,84,159) |
hsl(220,54%,40%) |
| #9F7A2F |
rgb(159,122,47) |
hsl(40,54%,40%) |
| #2F8C9F |
rgb(47,140,159) |
hsl(190,54%,40%) |
| #8C9E2F |
rgb(140,158,47) |
hsl(70,54%,40%) |
