HEX #7BA3F4 color — Jordy Blue
The color #7BA3F4 is a light shade and moderately saturated.
Palette
7BA3F4 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fe |
rgb(241,245,254) |
hsl(220,85%,97%) |
#d9e5fc |
rgb(217,229,252) |
hsl(220,85%,92%) |
#c2d4fa |
rgb(194,212,250) |
hsl(220,85%,87%) |
#aac4f8 |
rgb(170,196,248) |
hsl(220,85%,82%) |
#92b4f6 |
rgb(146,180,246) |
hsl(220,85%,77%) |
#7ba3f4 |
rgb(123,163,244) |
hsl(220,85%,72%) |
#6393f2 |
rgb(99,147,242) |
hsl(220,85%,67%) |
#4c83f0 |
rgb(76,131,240) |
hsl(220,85%,62%) |
#3472ef |
rgb(52,114,239) |
hsl(220,85%,57%) |
#1d62ed |
rgb(29,98,237) |
hsl(220,85%,52%) |
#1256de |
rgb(18,86,222) |
hsl(220,85%,47%) |
#104dc6 |
rgb(16,77,198) |
hsl(220,85%,42%) |
#0e44af |
rgb(14,68,175) |
hsl(220,85%,37%) |
#0c3a97 |
rgb(12,58,151) |
hsl(220,85%,32%) |
#0a317f |
rgb(10,49,127) |
hsl(220,85%,27%) |
#082868 |
rgb(8,40,104) |
hsl(220,85%,22%) |
#071f50 |
rgb(7,31,80) |
hsl(220,85%,17%) |
#051639 |
rgb(5,22,57) |
hsl(220,85%,12%) |
#030d21 |
rgb(3,13,33) |
hsl(220,85%,7%) |
#010409 |
rgb(1,4,9) |
hsl(220,85%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#7BF5F4 |
rgb(123,245,244) |
hsl(180,86%,72%) |
#7BA3F4 |
rgb(123,163,244) |
hsl(220,85%,72%) |
#A37AF4 |
rgb(163,122,244) |
hsl(260,85%,72%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E7F0FD |
rgb(231,240,253) |
hsl(215,85%,95%) |
#B1C9F8 |
rgb(177,201,248) |
hsl(220,84%,83%) |
#7BA3F4 |
rgb(123,163,244) |
hsl(220,85%,72%) |
#447DEF |
rgb(68,125,239) |
hsl(220,84%,60%) |
#1359E6 |
rgb(19,89,230) |
hsl(220,85%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#7BA3F4 |
rgb(123,163,244) |
hsl(220,85%,72%) |
#F48F7B |
rgb(244,143,123) |
hsl(10,85%,72%) |
#DFF57B |
rgb(223,245,123) |
hsl(71,86%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7BA3F4 |
rgb(123,163,244) |
hsl(220,85%,72%) |
#F4CC7B |
rgb(244,204,123) |
hsl(40,85%,72%) |
#7BE0F4 |
rgb(123,224,244) |
hsl(190,85%,72%) |
#DFF57B |
rgb(223,245,123) |
hsl(71,86%,72%) |