HEX #0B6ED4 color
The color #0b6ed4 is a dark shade and highly saturated.
Palette
0b6ed4 color palette from light to dark
| HEX | RGB | HSL |
|---|---|---|
| #fafcff | rgb(250,252,255) | hsl(210,90%,99%) |
| #e2f0fd | rgb(226,240,253) | hsl(210,90%,94%) |
| #cae3fc | rgb(202,227,252) | hsl(210,90%,89%) |
| #b1d6fb | rgb(177,214,251) | hsl(210,90%,84%) |
| #99c9fa | rgb(153,201,250) | hsl(210,90%,79%) |
| #81bdf8 | rgb(129,189,248) | hsl(210,90%,74%) |
| #69b0f7 | rgb(105,176,247) | hsl(210,90%,69%) |
| #51a3f6 | rgb(81,163,246) | hsl(210,90%,64%) |
| #3896f5 | rgb(56,150,245) | hsl(210,90%,59%) |
| #208af3 | rgb(32,138,243) | hsl(210,90%,54%) |
| #0c7ded | rgb(12,125,237) | hsl(210,90%,49%) |
| #0b70d5 | rgb(11,112,213) | hsl(210,90%,44%) |
| #0a63bd | rgb(10,99,189) | hsl(210,90%,39%) |
| #0957a5 | rgb(9,87,165) | hsl(210,90%,34%) |
| #074a8d | rgb(7,74,141) | hsl(210,90%,29%) |
| #063d74 | rgb(6,61,116) | hsl(210,90%,24%) |
| #05305c | rgb(5,48,92) | hsl(210,90%,19%) |
| #042444 | rgb(4,36,68) | hsl(210,90%,14%) |
| #02172c | rgb(2,23,44) | hsl(210,90%,9%) |
| #010a13 | rgb(1,10,19) | hsl(210,90%,4%) |
Adjacent colors
| HEX | RGB | HSL |
|---|---|---|
| #0BD4B4 | rgb(11,212,180) | hsl(170,90%,44%) |
| #0B6ED4 | rgb(11,110,212) | hsl(210,90%,44%) |
| #2E0AD4 | rgb(46,10,212) | hsl(251,91%,44%) |
Monochromatic colors
| HEX | RGB | HSL |
|---|---|---|
| #3291F4 | rgb(50,145,244) | hsl(211,90%,58%) |
| #1080F2 | rgb(16,128,242) | hsl(210,90%,51%) |
| #0B6ED4 | rgb(11,110,212) | hsl(210,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. | ||
| #0B6ED4 | rgb(11,110,212) | hsl(210,90%,44%) |
| #D40D0B | rgb(212,13,11) | hsl(1,90%,44%) |
| #D2D40B | rgb(210,212,11) | hsl(61,90%,44%) |
| 2. | ||
| #0B6ED4 | rgb(11,110,212) | hsl(210,90%,44%) |
| #D40A8F | rgb(212,10,143) | hsl(320,91%,44%) |
| #4CD40B | rgb(76,212,11) | hsl(101,90%,44%) |
| 3. | ||
| #0B6ED4 | rgb(11,110,212) | hsl(210,90%,44%) |
| #710AD4 | rgb(113,10,212) | hsl(271,91%,44%) |
| #0BD471 | rgb(11,212,113) | hsl(150,90%,44%) |
Tetrad color palettes
| HEX | RGB | HSL |
|---|---|---|
| 1. | ||
| #0B6ED4 | rgb(11,110,212) | hsl(210,90%,44%) |
| #D4700B | rgb(212,112,11) | hsl(30,90%,44%) |
| #0BD4D4 | rgb(11,212,212) | hsl(180,90%,44%) |
| #D2D40B | rgb(210,212,11) | hsl(61,90%,44%) |
| 2. | ||
| #0B6ED4 | rgb(11,110,212) | hsl(210,90%,44%) |
| #D4700B | rgb(212,112,11) | hsl(30,90%,44%) |
| #0BD471 | rgb(11,212,113) | hsl(150,90%,44%) |
| #6ED40B | rgb(110,212,11) | hsl(90,90%,44%) |
| 3. | ||
| #0B6ED4 | rgb(11,110,212) | hsl(210,90%,44%) |
| #D4700B | rgb(212,112,11) | hsl(30,90%,44%) |
| #1AD40B | rgb(26,212,11) | hsl(116,90%,44%) |
| #0BD41D | rgb(11,212,29) | hsl(125,90%,44%) |
| 4. | ||
| #0B6ED4 | rgb(11,110,212) | hsl(210,90%,44%) |
| #D4700B | rgb(212,112,11) | hsl(30,90%,44%) |
| #6ED40B | rgb(110,212,11) | hsl(90,90%,44%) |
| #0BD471 | rgb(11,212,113) | hsl(150,90%,44%) |