HEX #638CA1 color — Hoki
The color #638ca1 is a light shade and slightly desaturated.
Palette
638ca1 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6f7 |
rgb(242,246,247) |
hsl(200,25%,96%) |
#e2eaee |
rgb(226,234,238) |
hsl(200,25%,91%) |
#d2dee4 |
rgb(210,222,228) |
hsl(200,25%,86%) |
#c2d3db |
rgb(194,211,219) |
hsl(200,25%,81%) |
#b3c7d1 |
rgb(179,199,209) |
hsl(200,25%,76%) |
#a3bbc8 |
rgb(163,187,200) |
hsl(200,25%,71%) |
#93b0be |
rgb(147,176,190) |
hsl(200,25%,66%) |
#83a4b4 |
rgb(131,164,180) |
hsl(200,25%,61%) |
#7398ab |
rgb(115,152,171) |
hsl(200,25%,56%) |
#638ca1 |
rgb(99,140,161) |
hsl(200,25%,51%) |
#587f93 |
rgb(88,127,147) |
hsl(200,25%,46%) |
#4e7183 |
rgb(78,113,131) |
hsl(200,25%,41%) |
#456373 |
rgb(69,99,115) |
hsl(200,25%,36%) |
#3b5663 |
rgb(59,86,99) |
hsl(200,25%,31%) |
#324853 |
rgb(50,72,83) |
hsl(200,25%,26%) |
#283a43 |
rgb(40,58,67) |
hsl(200,25%,21%) |
#1f2c33 |
rgb(31,44,51) |
hsl(200,25%,16%) |
#151e23 |
rgb(21,30,35) |
hsl(200,25%,11%) |
#0b1113 |
rgb(11,17,19) |
hsl(200,25%,6%) |
#020303 |
rgb(2,3,3) |
hsl(200,25%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#63A18C |
rgb(99,161,140) |
hsl(160,25%,51%) |
#638CA1 |
rgb(99,140,161) |
hsl(200,25%,51%) |
#6363A1 |
rgb(99,99,161) |
hsl(240,25%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96B3C0 |
rgb(150,179,192) |
hsl(199,25%,67%) |
#7C9EB0 |
rgb(124,158,176) |
hsl(201,25%,59%) |
#638CA1 |
rgb(99,140,161) |
hsl(200,25%,51%) |
#527588 |
rgb(82,117,136) |
hsl(201,25%,43%) |
#425E6E |
rgb(66,94,110) |
hsl(202,25%,35%) |
#324A54 |
rgb(50,74,84) |
hsl(198,25%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#638CA1 |
rgb(99,140,161) |
hsl(200,25%,51%) |
#A1636D |
rgb(161,99,109) |
hsl(350,25%,51%) |
#A19663 |
rgb(161,150,99) |
hsl(49,25%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#638CA1 |
rgb(99,140,161) |
hsl(200,25%,51%) |
#A17863 |
rgb(161,120,99) |
hsl(20,25%,51%) |
#63A197 |
rgb(99,161,151) |
hsl(170,25%,51%) |
#A19663 |
rgb(161,150,99) |
hsl(49,25%,51%) |