HEX #89BAF5 color — Jordy Blue
The color #89baf5 is a light shade and slightly desaturated.
Palette
89baf5 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8f1fd |
rgb(232,241,253) |
hsl(213,84%,95%) |
| #d0e3fb |
rgb(208,227,251) |
hsl(213,84%,90%) |
| #b9d6f9 |
rgb(185,214,249) |
hsl(213,84%,85%) |
| #a1c8f7 |
rgb(161,200,247) |
hsl(213,84%,80%) |
| #8abaf5 |
rgb(138,186,245) |
hsl(213,84%,75%) |
| #72acf3 |
rgb(114,172,243) |
hsl(213,84%,70%) |
| #5b9ef1 |
rgb(91,158,241) |
hsl(213,84%,65%) |
| #4390ef |
rgb(67,144,239) |
hsl(213,84%,60%) |
| #2c83ed |
rgb(44,131,237) |
hsl(213,84%,55%) |
| #1475eb |
rgb(20,117,235) |
hsl(213,84%,50%) |
| #1269d3 |
rgb(18,105,211) |
hsl(213,84%,45%) |
| #105dbc |
rgb(16,93,188) |
hsl(213,84%,40%) |
| #0e52a4 |
rgb(14,82,164) |
hsl(213,84%,35%) |
| #0c468d |
rgb(12,70,141) |
hsl(213,84%,30%) |
| #0a3a75 |
rgb(10,58,117) |
hsl(213,84%,25%) |
| #082f5e |
rgb(8,47,94) |
hsl(213,84%,20%) |
| #062346 |
rgb(6,35,70) |
hsl(213,84%,15%) |
| #04172f |
rgb(4,23,47) |
hsl(213,84%,10%) |
| #020c17 |
rgb(2,12,23) |
hsl(213,84%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #89F5E8 |
rgb(137,245,232) |
hsl(173,84%,75%) |
| #89BAF5 |
rgb(137,186,245) |
hsl(213,84%,75%) |
| #A08AF5 |
rgb(160,138,245) |
hsl(252,84%,75%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
| #F9FCFE |
rgb(249,252,254) |
hsl(204,71%,99%) |
| #C1DBF9 |
rgb(193,219,249) |
hsl(212,82%,87%) |
| #89BAF5 |
rgb(137,186,245) |
hsl(213,84%,75%) |
| #5099F0 |
rgb(80,153,240) |
hsl(213,84%,63%) |
| #1878EB |
rgb(24,120,235) |
hsl(213,84%,51%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #89BAF5 |
rgb(137,186,245) |
hsl(213,84%,75%) |
| #F58F89 |
rgb(245,143,137) |
hsl(3,84%,75%) |
| #F0F589 |
rgb(240,245,137) |
hsl(63,84%,75%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #89BAF5 |
rgb(137,186,245) |
hsl(213,84%,75%) |
| #F5C489 |
rgb(245,196,137) |
hsl(33,84%,75%) |
| #89F0F5 |
rgb(137,240,245) |
hsl(183,84%,75%) |
| #F0F589 |
rgb(240,245,137) |
hsl(63,84%,75%) |
