HEX #0B6FD2 color
The color #0b6fd2 is a dark shade and highly saturated.
Palette
0b6fd2 color palette from light to dark
| HEX | RGB | HSL |
|---|---|---|
| #f5fafe | rgb(245,250,254) | hsl(210,90%,98%) |
| #ddedfd | rgb(221,237,253) | hsl(210,90%,93%) |
| #c5e0fc | rgb(197,224,252) | hsl(210,90%,88%) |
| #add4fb | rgb(173,212,251) | hsl(210,90%,83%) |
| #94c7f9 | rgb(148,199,249) | hsl(210,90%,78%) |
| #7cbaf8 | rgb(124,186,248) | hsl(210,90%,73%) |
| #64adf7 | rgb(100,173,247) | hsl(210,90%,68%) |
| #4ca1f6 | rgb(76,161,246) | hsl(210,90%,63%) |
| #3494f4 | rgb(52,148,244) | hsl(210,90%,58%) |
| #1b87f3 | rgb(27,135,243) | hsl(210,90%,53%) |
| #0c7ae9 | rgb(12,122,233) | hsl(210,90%,48%) |
| #0b6ed0 | rgb(11,110,208) | hsl(210,90%,43%) |
| #0a61b8 | rgb(10,97,184) | hsl(210,90%,38%) |
| #0854a0 | rgb(8,84,160) | hsl(210,90%,33%) |
| #074788 | rgb(7,71,136) | hsl(210,90%,28%) |
| #063b6f | rgb(6,59,111) | hsl(210,90%,23%) |
| #052e57 | rgb(5,46,87) | hsl(210,90%,18%) |
| #03213f | rgb(3,33,63) | hsl(210,90%,13%) |
| #021427 | rgb(2,20,39) | hsl(210,90%,8%) |
| #01080f | rgb(1,8,15) | hsl(210,90%,3%) |
Adjacent colors
| HEX | RGB | HSL |
|---|---|---|
| #0BD1B0 | rgb(11,209,176) | hsl(170,90%,43%) |
| #0B6FD2 | rgb(11,111,210) | hsl(210,90%,43%) |
| #2B0AD2 | rgb(43,10,210) | hsl(250,91%,43%) |
Monochromatic colors
| HEX | RGB | HSL |
|---|---|---|
| #2F91F4 | rgb(47,145,244) | hsl(210,90%,57%) |
| #0D80F2 | rgb(13,128,242) | hsl(210,90%,50%) |
| #0B6FD2 | rgb(11,111,210) | hsl(210,90%,43%) |
| #095EB0 | rgb(9,94,176) | hsl(209,90%,36%) |
| #074D8E | rgb(7,77,142) | hsl(209,91%,29%) |
| #053B6D | rgb(5,59,109) | hsl(209,91%,22%) |
Triad color palettes
| HEX | RGB | HSL |
|---|---|---|
| 1. | ||
| #0B6FD2 | rgb(11,111,210) | hsl(210,90%,43%) |
| #D20A0B | rgb(210,10,11) | hsl(360,91%,43%) |
| #D2D10B | rgb(210,209,11) | hsl(60,90%,43%) |
| 2. | ||
| #0B6FD2 | rgb(11,111,210) | hsl(210,90%,43%) |
| #D20A90 | rgb(210,10,144) | hsl(320,91%,43%) |
| #4DD10B | rgb(77,209,11) | hsl(100,90%,43%) |
| 3. | ||
| #0B6FD2 | rgb(11,111,210) | hsl(210,90%,43%) |
| #6E0AD2 | rgb(110,10,210) | hsl(270,91%,43%) |
| #0BD16E | rgb(11,209,110) | hsl(150,90%,43%) |
Tetrad color palettes
| HEX | RGB | HSL |
|---|---|---|
| 1. | ||
| #0B6FD2 | rgb(11,111,210) | hsl(210,90%,43%) |
| #D26E0B | rgb(210,110,11) | hsl(30,90%,43%) |
| #0BD1D1 | rgb(11,209,209) | hsl(180,90%,43%) |
| #D2D10B | rgb(210,209,11) | hsl(60,90%,43%) |
| 2. | ||
| #0B6FD2 | rgb(11,111,210) | hsl(210,90%,43%) |
| #D26E0B | rgb(210,110,11) | hsl(30,90%,43%) |
| #0BD16E | rgb(11,209,110) | hsl(150,90%,43%) |
| #6FD10B | rgb(111,209,11) | hsl(90,90%,43%) |
| 3. | ||
| #0B6FD2 | rgb(11,111,210) | hsl(210,90%,43%) |
| #D26E0B | rgb(210,110,11) | hsl(30,90%,43%) |
| #1CD10B | rgb(28,209,11) | hsl(115,90%,43%) |
| #0BD11B | rgb(11,209,27) | hsl(125,90%,43%) |
| 4. | ||
| #0B6FD2 | rgb(11,111,210) | hsl(210,90%,43%) |
| #D26E0B | rgb(210,110,11) | hsl(30,90%,43%) |
| #6FD10B | rgb(111,209,11) | hsl(90,90%,43%) |
| #0BD16E | rgb(11,209,110) | hsl(150,90%,43%) |