HEX #0B6CD4 color
The color #0b6cd4 is a dark shade and highly saturated.
Palette
0b6cd4 color palette from light to dark
| HEX | RGB | HSL |
|---|---|---|
| #fafcff | rgb(250,252,255) | hsl(211,90%,99%) |
| #e2effd | rgb(226,239,253) | hsl(211,90%,94%) |
| #cae2fc | rgb(202,226,252) | hsl(211,90%,89%) |
| #b1d5fb | rgb(177,213,251) | hsl(211,90%,84%) |
| #99c8fa | rgb(153,200,250) | hsl(211,90%,79%) |
| #81bbf8 | rgb(129,187,248) | hsl(211,90%,74%) |
| #69aef7 | rgb(105,174,247) | hsl(211,90%,69%) |
| #51a0f6 | rgb(81,160,246) | hsl(211,90%,64%) |
| #3893f5 | rgb(56,147,245) | hsl(211,90%,59%) |
| #2086f3 | rgb(32,134,243) | hsl(211,90%,54%) |
| #0c79ed | rgb(12,121,237) | hsl(211,90%,49%) |
| #0b6dd5 | rgb(11,109,213) | hsl(211,90%,44%) |
| #0a60bd | rgb(10,96,189) | hsl(211,90%,39%) |
| #0954a5 | rgb(9,84,165) | hsl(211,90%,34%) |
| #07488d | rgb(7,72,141) | hsl(211,90%,29%) |
| #063b74 | rgb(6,59,116) | hsl(211,90%,24%) |
| #052f5c | rgb(5,47,92) | hsl(211,90%,19%) |
| #042344 | rgb(4,35,68) | hsl(211,90%,14%) |
| #02162c | rgb(2,22,44) | hsl(211,90%,9%) |
| #010a13 | rgb(1,10,19) | hsl(211,90%,4%) |
Adjacent colors
| HEX | RGB | HSL |
|---|---|---|
| #0BD4B6 | rgb(11,212,182) | hsl(171,90%,44%) |
| #0B6CD4 | rgb(11,108,212) | hsl(211,90%,44%) |
| #300AD4 | rgb(48,10,212) | hsl(251,91%,44%) |
Monochromatic colors
| HEX | RGB | HSL |
|---|---|---|
| #328FF4 | rgb(50,143,244) | hsl(211,90%,58%) |
| #107DF2 | rgb(16,125,242) | hsl(211,90%,51%) |
| #0B6CD4 | rgb(11,108,212) | hsl(211,90%,44%) |
| #095CB2 | rgb(9,92,178) | hsl(211,90%,37%) |
| #074A90 | rgb(7,74,144) | hsl(211,91%,30%) |
| #05386E | rgb(5,56,110) | hsl(211,91%,23%) |
Triad color palettes
| HEX | RGB | HSL |
|---|---|---|
| 1. | ||
| #0B6CD4 | rgb(11,108,212) | hsl(211,90%,44%) |
| #D40F0B | rgb(212,15,11) | hsl(1,90%,44%) |
| #D0D40B | rgb(208,212,11) | hsl(61,90%,44%) |
| 2. | ||
| #0B6CD4 | rgb(11,108,212) | hsl(211,90%,44%) |
| #D40A8D | rgb(212,10,141) | hsl(321,91%,44%) |
| #4AD40B | rgb(74,212,11) | hsl(101,90%,44%) |
| 3. | ||
| #0B6CD4 | rgb(11,108,212) | hsl(211,90%,44%) |
| #730AD4 | rgb(115,10,212) | hsl(271,91%,44%) |
| #0BD473 | rgb(11,212,115) | hsl(151,90%,44%) |
Tetrad color palettes
| HEX | RGB | HSL |
|---|---|---|
| 1. | ||
| #0B6CD4 | rgb(11,108,212) | hsl(211,90%,44%) |
| #D4730B | rgb(212,115,11) | hsl(31,90%,44%) |
| #0BD1D4 | rgb(11,209,212) | hsl(181,90%,44%) |
| #D0D40B | rgb(208,212,11) | hsl(61,90%,44%) |
| 2. | ||
| #0B6CD4 | rgb(11,108,212) | hsl(211,90%,44%) |
| #D4730B | rgb(212,115,11) | hsl(31,90%,44%) |
| #0BD473 | rgb(11,212,115) | hsl(151,90%,44%) |
| #6CD40B | rgb(108,212,11) | hsl(91,90%,44%) |
| 3. | ||
| #0B6CD4 | rgb(11,108,212) | hsl(211,90%,44%) |
| #D4730B | rgb(212,115,11) | hsl(31,90%,44%) |
| #18D40B | rgb(24,212,11) | hsl(116,90%,44%) |
| #0BD41F | rgb(11,212,31) | hsl(126,90%,44%) |
| 4. | ||
| #0B6CD4 | rgb(11,108,212) | hsl(211,90%,44%) |
| #D4730B | rgb(212,115,11) | hsl(31,90%,44%) |
| #6CD40B | rgb(108,212,11) | hsl(91,90%,44%) |
| #0BD473 | rgb(11,212,115) | hsl(151,90%,44%) |