HEX #0B6CD8 color
The color #0b6cd8 is a dark shade and highly saturated.
Palette
0b6cd8 color palette from light to dark
HEX |
RGB |
HSL |
#e7f1fe |
rgb(231,241,254) |
hsl(212,90%,95%) |
#cfe4fc |
rgb(207,228,252) |
hsl(212,90%,90%) |
#b6d6fb |
rgb(182,214,251) |
hsl(212,90%,85%) |
#9ec9fa |
rgb(158,201,250) |
hsl(212,90%,80%) |
#86bbf9 |
rgb(134,187,249) |
hsl(212,90%,75%) |
#6eaef7 |
rgb(110,174,247) |
hsl(212,90%,70%) |
#55a0f6 |
rgb(85,160,246) |
hsl(212,90%,65%) |
#3d93f5 |
rgb(61,147,245) |
hsl(212,90%,60%) |
#2585f4 |
rgb(37,133,244) |
hsl(212,90%,55%) |
#0d78f2 |
rgb(13,120,242) |
hsl(212,90%,50%) |
#0b6cda |
rgb(11,108,218) |
hsl(212,90%,45%) |
#0a60c2 |
rgb(10,96,194) |
hsl(212,90%,40%) |
#0954aa |
rgb(9,84,170) |
hsl(212,90%,35%) |
#084891 |
rgb(8,72,145) |
hsl(212,90%,30%) |
#063c79 |
rgb(6,60,121) |
hsl(212,90%,25%) |
#053061 |
rgb(5,48,97) |
hsl(212,90%,20%) |
#042449 |
rgb(4,36,73) |
hsl(212,90%,15%) |
#031830 |
rgb(3,24,48) |
hsl(212,90%,10%) |
#010c18 |
rgb(1,12,24) |
hsl(212,90%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#0BD9BB |
rgb(11,217,187) |
hsl(171,90%,45%) |
#0B6CD8 |
rgb(11,108,216) |
hsl(212,90%,45%) |
#320AD8 |
rgb(50,10,216) |
hsl(252,91%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3691F4 |
rgb(54,145,244) |
hsl(211,90%,58%) |
#147DF3 |
rgb(20,125,243) |
hsl(212,90%,52%) |
#0B6CD8 |
rgb(11,108,216) |
hsl(212,90%,45%) |
#095CB5 |
rgb(9,92,181) |
hsl(211,91%,37%) |
#074A92 |
rgb(7,74,146) |
hsl(211,91%,30%) |
#053870 |
rgb(5,56,112) |
hsl(211,91%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
1. |
#0B6CD8 |
rgb(11,108,216) |
hsl(212,90%,45%) |
#D80F0B |
rgb(216,15,11) |
hsl(1,90%,45%) |
#D2D90B |
rgb(210,217,11) |
hsl(62,90%,45%) |
2. |
#0B6CD8 |
rgb(11,108,216) |
hsl(212,90%,45%) |
#D80A8E |
rgb(216,10,142) |
hsl(322,91%,44%) |
#49D90B |
rgb(73,217,11) |
hsl(102,90%,45%) |
3. |
#0B6CD8 |
rgb(11,108,216) |
hsl(212,90%,45%) |
#770AD8 |
rgb(119,10,216) |
hsl(272,91%,44%) |
#0BD977 |
rgb(11,217,119) |
hsl(151,90%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
1. |
#0B6CD8 |
rgb(11,108,216) |
hsl(212,90%,45%) |
#D8780B |
rgb(216,120,11) |
hsl(32,90%,45%) |
#0BD4D8 |
rgb(11,212,216) |
hsl(181,90%,45%) |
#D2D90B |
rgb(210,217,11) |
hsl(62,90%,45%) |
2. |
#0B6CD8 |
rgb(11,108,216) |
hsl(212,90%,45%) |
#D8780B |
rgb(216,120,11) |
hsl(32,90%,45%) |
#0BD977 |
rgb(11,217,119) |
hsl(151,90%,45%) |
#6CD90B |
rgb(108,217,11) |
hsl(92,90%,45%) |
3. |
#0B6CD8 |
rgb(11,108,216) |
hsl(212,90%,45%) |
#D8780B |
rgb(216,120,11) |
hsl(32,90%,45%) |
#16D90B |
rgb(22,217,11) |
hsl(117,90%,45%) |
#0BD921 |
rgb(11,217,33) |
hsl(126,90%,45%) |
4. |
#0B6CD8 |
rgb(11,108,216) |
hsl(212,90%,45%) |
#D8780B |
rgb(216,120,11) |
hsl(32,90%,45%) |
#6CD90B |
rgb(108,217,11) |
hsl(92,90%,45%) |
#0BD977 |
rgb(11,217,119) |
hsl(151,90%,45%) |