HEX #568FD5 color — Havelock Blue
The color #568FD5 is a light shade and moderately saturated.
Palette
568FD5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,60%,99%) |
#e7eff9 |
rgb(231,239,249) |
hsl(213,60%,94%) |
#d2e1f4 |
rgb(210,225,244) |
hsl(213,60%,89%) |
#bed4ef |
rgb(190,212,239) |
hsl(213,60%,84%) |
#a9c6ea |
rgb(169,198,234) |
hsl(213,60%,79%) |
#95b9e4 |
rgb(149,185,228) |
hsl(213,60%,74%) |
#81abdf |
rgb(129,171,223) |
hsl(213,60%,69%) |
#6c9eda |
rgb(108,158,218) |
hsl(213,60%,64%) |
#5890d5 |
rgb(88,144,213) |
hsl(213,60%,59%) |
#4383d0 |
rgb(67,131,208) |
hsl(213,60%,54%) |
#3275c8 |
rgb(50,117,200) |
hsl(213,60%,49%) |
#2d69b4 |
rgb(45,105,180) |
hsl(213,60%,44%) |
#285d9f |
rgb(40,93,159) |
hsl(213,60%,39%) |
#23518b |
rgb(35,81,139) |
hsl(213,60%,34%) |
#1e4676 |
rgb(30,70,118) |
hsl(213,60%,29%) |
#183a62 |
rgb(24,58,98) |
hsl(213,60%,24%) |
#132e4e |
rgb(19,46,78) |
hsl(213,60%,19%) |
#0e2239 |
rgb(14,34,57) |
hsl(213,60%,14%) |
#091625 |
rgb(9,22,37) |
hsl(213,60%,9%) |
#040a10 |
rgb(4,10,16) |
hsl(213,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56D6C6 |
rgb(86,214,198) |
hsl(173,61%,59%) |
#568FD5 |
rgb(86,143,213) |
hsl(213,60%,59%) |
#7157D5 |
rgb(113,87,213) |
hsl(252,60%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2C2E8 |
rgb(162,194,232) |
hsl(213,60%,77%) |
#7CA8DE |
rgb(124,168,222) |
hsl(213,60%,68%) |
#568FD5 |
rgb(86,143,213) |
hsl(213,60%,59%) |
#3175C9 |
rgb(49,117,201) |
hsl(213,61%,49%) |
#285EA2 |
rgb(40,94,162) |
hsl(213,60%,40%) |
#1E4A7C |
rgb(30,74,124) |
hsl(212,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#568FD5 |
rgb(86,143,213) |
hsl(213,60%,59%) |
#D55C56 |
rgb(213,92,86) |
hsl(3,60%,59%) |
#CED656 |
rgb(206,214,86) |
hsl(64,61%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#568FD5 |
rgb(86,143,213) |
hsl(213,60%,59%) |
#D59C56 |
rgb(213,156,86) |
hsl(33,60%,59%) |
#56CFD5 |
rgb(86,207,213) |
hsl(183,60%,59%) |
#CED656 |
rgb(206,214,86) |
hsl(64,61%,59%) |