HEX #0B6BD5 color
The color #0b6bd5 is a dark shade and highly saturated.
Palette
0b6bd5 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 |
|---|---|---|
| #0BD6B8 | rgb(11,214,184) | hsl(171,90%,44%) |
| #0B6BD5 | rgb(11,107,213) | hsl(211,90%,44%) |
| #310AD5 | rgb(49,10,213) | hsl(252,91%,44%) |
Monochromatic colors
| HEX | RGB | HSL |
|---|---|---|
| #338FF4 | rgb(51,143,244) | hsl(211,90%,58%) |
| #117DF2 | rgb(17,125,242) | hsl(211,90%,51%) |
| #0B6BD5 | rgb(11,107,213) | hsl(211,90%,44%) |
| #0959B2 | rgb(9,89,178) | hsl(212,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. | ||
| #0B6BD5 | rgb(11,107,213) | hsl(211,90%,44%) |
| #D50F0B | rgb(213,15,11) | hsl(1,90%,44%) |
| #D0D60B | rgb(208,214,11) | hsl(62,90%,44%) |
| 2. | ||
| #0B6BD5 | rgb(11,107,213) | hsl(211,90%,44%) |
| #D50A8C | rgb(213,10,140) | hsl(322,91%,44%) |
| #49D60B | rgb(73,214,11) | hsl(102,90%,44%) |
| 3. | ||
| #0B6BD5 | rgb(11,107,213) | hsl(211,90%,44%) |
| #750AD5 | rgb(117,10,213) | hsl(272,91%,44%) |
| #0BD675 | rgb(11,214,117) | hsl(151,90%,44%) |
Tetrad color palettes
| HEX | RGB | HSL |
|---|---|---|
| 1. | ||
| #0B6BD5 | rgb(11,107,213) | hsl(211,90%,44%) |
| #D5750B | rgb(213,117,11) | hsl(31,90%,44%) |
| #0BD1D5 | rgb(11,209,213) | hsl(181,90%,44%) |
| #D0D60B | rgb(208,214,11) | hsl(62,90%,44%) |
| 2. | ||
| #0B6BD5 | rgb(11,107,213) | hsl(211,90%,44%) |
| #D5750B | rgb(213,117,11) | hsl(31,90%,44%) |
| #0BD675 | rgb(11,214,117) | hsl(151,90%,44%) |
| #6BD60B | rgb(107,214,11) | hsl(92,90%,44%) |
| 3. | ||
| #0B6BD5 | rgb(11,107,213) | hsl(211,90%,44%) |
| #D5750B | rgb(213,117,11) | hsl(31,90%,44%) |
| #16D60B | rgb(22,214,11) | hsl(117,90%,44%) |
| #0BD620 | rgb(11,214,32) | hsl(126,90%,44%) |
| 4. | ||
| #0B6BD5 | rgb(11,107,213) | hsl(211,90%,44%) |
| #D5750B | rgb(213,117,11) | hsl(31,90%,44%) |
| #6BD60B | rgb(107,214,11) | hsl(92,90%,44%) |
| #0BD675 | rgb(11,214,117) | hsl(151,90%,44%) |