HEX #97A5F2 color — Portage
The color #97a5f2 is a light shade and slightly desaturated.
Palette
97a5f2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fd |
rgb(241,243,253) |
hsl(231,78%,97%) |
#dbdffb |
rgb(219,223,251) |
hsl(231,78%,92%) |
#c4ccf8 |
rgb(196,204,248) |
hsl(231,78%,87%) |
#adb8f5 |
rgb(173,184,245) |
hsl(231,78%,82%) |
#97a4f2 |
rgb(151,164,242) |
hsl(231,78%,77%) |
#8091ef |
rgb(128,145,239) |
hsl(231,78%,72%) |
#697dec |
rgb(105,125,236) |
hsl(231,78%,67%) |
#5369ea |
rgb(83,105,234) |
hsl(231,78%,62%) |
#3c55e7 |
rgb(60,85,231) |
hsl(231,78%,57%) |
#2542e4 |
rgb(37,66,228) |
hsl(231,78%,52%) |
#1a36d5 |
rgb(26,54,213) |
hsl(231,78%,47%) |
#1831bf |
rgb(24,49,191) |
hsl(231,78%,42%) |
#152ba8 |
rgb(21,43,168) |
hsl(231,78%,37%) |
#122591 |
rgb(18,37,145) |
hsl(231,78%,32%) |
#0f1f7b |
rgb(15,31,123) |
hsl(231,78%,27%) |
#0c1964 |
rgb(12,25,100) |
hsl(231,78%,22%) |
#0a144d |
rgb(10,20,77) |
hsl(231,78%,17%) |
#070e36 |
rgb(7,14,54) |
hsl(231,78%,12%) |
#040820 |
rgb(4,8,32) |
hsl(231,78%,7%) |
#010209 |
rgb(1,2,9) |
hsl(231,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#97E0F2 |
rgb(151,224,242) |
hsl(192,78%,77%) |
#97A5F2 |
rgb(151,165,242) |
hsl(231,78%,77%) |
#C596F2 |
rgb(197,150,242) |
hsl(271,78%,77%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#CED6F8 |
rgb(206,214,248) |
hsl(229,75%,89%) |
#97A5F2 |
rgb(151,165,242) |
hsl(231,78%,77%) |
#5F75EB |
rgb(95,117,235) |
hsl(231,78%,65%) |
#2745E4 |
rgb(39,69,228) |
hsl(230,78%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#97A5F2 |
rgb(151,165,242) |
hsl(231,78%,77%) |
#F2B897 |
rgb(242,184,151) |
hsl(22,78%,77%) |
#D2F297 |
rgb(210,242,151) |
hsl(81,78%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#97A5F2 |
rgb(151,165,242) |
hsl(231,78%,77%) |
#F2E397 |
rgb(242,227,151) |
hsl(50,78%,77%) |
#97D4F2 |
rgb(151,212,242) |
hsl(200,78%,77%) |
#D2F297 |
rgb(210,242,151) |
hsl(81,78%,77%) |