HEX #B4CCF9 color — Sail
The color #B4CCF9 is a light shade and slightly desaturated.
Palette
B4CCF9 color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(219,85%,99%) |
#e3ecfd |
rgb(227,236,253) |
hsl(219,85%,94%) |
#cbdcfb |
rgb(203,220,251) |
hsl(219,85%,89%) |
#b4ccf9 |
rgb(180,204,249) |
hsl(219,85%,84%) |
#9cbcf7 |
rgb(156,188,247) |
hsl(219,85%,79%) |
#84acf5 |
rgb(132,172,245) |
hsl(219,85%,74%) |
#6d9cf3 |
rgb(109,156,243) |
hsl(219,85%,69%) |
#558cf1 |
rgb(85,140,241) |
hsl(219,85%,64%) |
#3e7cef |
rgb(62,124,239) |
hsl(219,85%,59%) |
#266ced |
rgb(38,108,237) |
hsl(219,85%,54%) |
#135de7 |
rgb(19,93,231) |
hsl(219,85%,49%) |
#1154d0 |
rgb(17,84,208) |
hsl(219,85%,44%) |
#0f4ab8 |
rgb(15,74,184) |
hsl(219,85%,39%) |
#0d41a0 |
rgb(13,65,160) |
hsl(219,85%,34%) |
#0b3789 |
rgb(11,55,137) |
hsl(219,85%,29%) |
#092e71 |
rgb(9,46,113) |
hsl(219,85%,24%) |
#07245a |
rgb(7,36,90) |
hsl(219,85%,19%) |
#051b42 |
rgb(5,27,66) |
hsl(219,85%,14%) |
#03112a |
rgb(3,17,42) |
hsl(219,85%,9%) |
#020813 |
rgb(2,8,19) |
hsl(219,85%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#B4FAF8 |
rgb(180,250,248) |
hsl(178,88%,84%) |
#B4CCF9 |
rgb(180,204,249) |
hsl(219,85%,84%) |
#CAB5F9 |
rgb(202,181,249) |
hsl(259,85%,84%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F3F7FE |
rgb(243,247,254) |
hsl(218,85%,97%) |
#B4CCF9 |
rgb(180,204,249) |
hsl(219,85%,84%) |
#74A1F3 |
rgb(116,161,243) |
hsl(219,84%,70%) |
Triad color palettes
HEX |
RGB |
HSL |
#B4CCF9 |
rgb(180,204,249) |
hsl(219,85%,84%) |
#F9BFB4 |
rgb(249,191,180) |
hsl(10,85%,84%) |
#EEFAB4 |
rgb(238,250,180) |
hsl(70,88%,84%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#B4CCF9 |
rgb(180,204,249) |
hsl(219,85%,84%) |
#F9E0B4 |
rgb(249,224,180) |
hsl(38,85%,84%) |
#B4F0F9 |
rgb(180,240,249) |
hsl(188,85%,84%) |
#EEFAB4 |
rgb(238,250,180) |
hsl(70,88%,84%) |