HEX #638FA2 color — Hoki
The color #638FA2 is a light shade and slightly desaturated.
Palette
638FA2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6f7 |
rgb(242,246,247) |
hsl(198,25%,96%) |
#e2eaee |
rgb(226,234,238) |
hsl(198,25%,91%) |
#d2dfe4 |
rgb(210,223,228) |
hsl(198,25%,86%) |
#c2d3db |
rgb(194,211,219) |
hsl(198,25%,81%) |
#b3c8d1 |
rgb(179,200,209) |
hsl(198,25%,76%) |
#a3bcc8 |
rgb(163,188,200) |
hsl(198,25%,71%) |
#93b1be |
rgb(147,177,190) |
hsl(198,25%,66%) |
#83a5b4 |
rgb(131,165,180) |
hsl(198,25%,61%) |
#739aab |
rgb(115,154,171) |
hsl(198,25%,56%) |
#638fa1 |
rgb(99,143,161) |
hsl(198,25%,51%) |
#588193 |
rgb(88,129,147) |
hsl(198,25%,46%) |
#4e7383 |
rgb(78,115,131) |
hsl(198,25%,41%) |
#456573 |
rgb(69,101,115) |
hsl(198,25%,36%) |
#3b5763 |
rgb(59,87,99) |
hsl(198,25%,31%) |
#324953 |
rgb(50,73,83) |
hsl(198,25%,26%) |
#283b43 |
rgb(40,59,67) |
hsl(198,25%,21%) |
#1f2d33 |
rgb(31,45,51) |
hsl(198,25%,16%) |
#151f23 |
rgb(21,31,35) |
hsl(198,25%,11%) |
#0b1113 |
rgb(11,17,19) |
hsl(198,25%,6%) |
#020303 |
rgb(2,3,3) |
hsl(198,25%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#63A38B |
rgb(99,163,139) |
hsl(158,26%,51%) |
#638FA2 |
rgb(99,143,162) |
hsl(198,25%,51%) |
#6366A2 |
rgb(99,102,162) |
hsl(237,25%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97B5C1 |
rgb(151,181,193) |
hsl(197,25%,67%) |
#7DA1B1 |
rgb(125,161,177) |
hsl(198,25%,59%) |
#638FA2 |
rgb(99,143,162) |
hsl(198,25%,51%) |
#517889 |
rgb(81,120,137) |
hsl(198,26%,43%) |
#42616F |
rgb(66,97,111) |
hsl(199,25%,35%) |
#324A55 |
rgb(50,74,85) |
hsl(199,26%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#638FA2 |
rgb(99,143,162) |
hsl(198,25%,51%) |
#A2636F |
rgb(162,99,111) |
hsl(349,25%,51%) |
#A29663 |
rgb(162,150,99) |
hsl(49,25%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#638FA2 |
rgb(99,143,162) |
hsl(198,25%,51%) |
#A27563 |
rgb(162,117,99) |
hsl(17,25%,51%) |
#63A395 |
rgb(99,163,149) |
hsl(167,26%,51%) |
#A29663 |
rgb(162,150,99) |
hsl(49,25%,51%) |