#0056bb hex color

In a RGB color space, hex #0056bb is composed of 0% red, 33.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 54% magenta, 0% yellow and 26.7% black. It has a hue angle of 212.4 degrees, a saturation of 100% and a lightness of 36.7%. #0056bb color hex could be obtained by blending #00acff with #000077. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 34
- B 73
RGB color chart
- C 100
- M 54
- Y 0
- K 27
CMYK color chart

● #0056bb color description : Strong blue.

The hexadecimal color #0056bb has RGB values of R:0, G:86, B:187 and CMYK values of C:1, M:0.54, Y:0, K:0.27. Its decimal value is 22203.

Hex triplet	0056bb	`#0056bb`
RGB Decimal	0, 86, 187	`rgb(0,86,187)`
RGB Percent	0, 33.7, 73.3	`rgb(0%,33.7%,73.3%)`
CMYK	100, 54, 0, 27
HSL	212.4°, 100, 36.7	`hsl(212.4,100%,36.7%)`
HSV (or HSB)	212.4°, 100, 73.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.274, 18.936, -58.998
XYZ	12.295, 10.242, 48.34
xyY	0.173, 0.145, 10.242
CIE-LCH	38.274, 61.962, 287.794
CIE-LUV	38.274, -19.74, -85.524
Hunter-Lab	32.004, 12.571, -67.152
Binary	00000000, 01010110, 10111011

#0056bb
```
#0056bb rgb(0,86,187)
```
#bb6500
```
#bb6500 rgb(187,101,0)
```

Complementary Color

#00b4bb
```
#00b4bb rgb(0,180,187)
```
#0056bb
```
#0056bb rgb(0,86,187)
```
#0700bb
```
#0700bb rgb(7,0,187)
```

Analogous Color

#b4bb00
```
#b4bb00 rgb(180,187,0)
```
#0056bb
```
#0056bb rgb(0,86,187)
```
#bb0700
```
#bb0700 rgb(187,7,0)
```

Split Complementary Color

#56bb00
```
#56bb00 rgb(86,187,0)
```
#0056bb
```
#0056bb rgb(0,86,187)
```
#bb0056
```
#bb0056 rgb(187,0,86)
```

Triadic Color

#00bb65
```
#00bb65 rgb(0,187,101)
```
#0056bb
```
#0056bb rgb(0,86,187)
```
#bb0056
```
#bb0056 rgb(187,0,86)
```
#bb6500
```
#bb6500 rgb(187,101,0)
```

Tetradic Color

#00336f
```
#00336f rgb(0,51,111)
```
#003f88
```
#003f88 rgb(0,63,136)
```
#004aa2
```
#004aa2 rgb(0,74,162)
```
#0056bb
```
#0056bb rgb(0,86,187)
```
#0062d5
```
#0062d5 rgb(0,98,213)
```
#006dee
```
#006dee rgb(0,109,238)
```
#087aff
```
#087aff rgb(8,122,255)
```

Monochromatic Color

Below, you can see some colors close to #0056bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#0085bb
```
#0085bb rgb(0,133,187)
```
#0075bb
```
#0075bb rgb(0,117,187)
```
#0066bb
```
#0066bb rgb(0,102,187)
```
#0056bb
```
#0056bb rgb(0,86,187)
```
#0046bb
```
#0046bb rgb(0,70,187)
```
#0037bb
```
#0037bb rgb(0,55,187)
```
#0027bb
```
#0027bb rgb(0,39,187)
```

Similar Colors

Text with hexadecimal color #0056bb

This text has a font color of #0056bb.

<span style="color:#0056bb;">Text here</span>

#0056bb background color

This paragraph has a background color of #0056bb.

<p style="background-color:#0056bb;">Content here</p>

#0056bb border color

This element has a border color of #0056bb.

<div style="border:1px solid #0056bb;">Content here</div>

CSS codes

.text {color:#0056bb;}

.background {background-color:#0056bb;}

.border {border:1px solid #0056bb;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #00050a is the darkest color, while #f6faff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#000e1e
```
#000e1e rgb(0,14,30)
```
#001732
```
#001732 rgb(0,23,50)
```
#002045
```
#002045 rgb(0,32,69)
```
#002959
```
#002959 rgb(0,41,89)
```
#00326d
```
#00326d rgb(0,50,109)
```
#003b80
```
#003b80 rgb(0,59,128)
```
#004494
```
#004494 rgb(0,68,148)
```
#004da7
```
#004da7 rgb(0,77,167)
```
#0056bb
```
#0056bb rgb(0,86,187)
```
#005fcf
```
#005fcf rgb(0,95,207)
```
#0068e2
```
#0068e2 rgb(0,104,226)
```
#0071f6
```
#0071f6 rgb(0,113,246)
```

Shade Color Variation

#0a7bff
```
#0a7bff rgb(10,123,255)
```
#1e86ff
```
#1e86ff rgb(30,134,255)
```
#3290ff
```
#3290ff rgb(50,144,255)
```
#459bff
```
#459bff rgb(69,155,255)
```
#59a5ff
```
#59a5ff rgb(89,165,255)
```
#6db0ff
```
#6db0ff rgb(109,176,255)
```
#80baff
```
#80baff rgb(128,186,255)
```
#94c5ff
```
#94c5ff rgb(148,197,255)
```
#a7d0ff
```
#a7d0ff rgb(167,208,255)
```
#bbdaff
```
#bbdaff rgb(187,218,255)
```
#cfe5ff
```
#cfe5ff rgb(207,229,255)
```
#e2efff
```
#e2efff rgb(226,239,255)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565d65 is the less saturated color, while #0056bb is the most saturated one.

#565d65
```
#565d65 rgb(86,93,101)
```
#4f5c6c
```
#4f5c6c rgb(79,92,108)
```
#485c73
```
#485c73 rgb(72,92,115)
```
#415b7a
```
#415b7a rgb(65,91,122)
```
#3a5b81
```
#3a5b81 rgb(58,91,129)
```
#325a89
```
#325a89 rgb(50,90,137)
```
#2b5990
```
#2b5990 rgb(43,89,144)
```
#245997
```
#245997 rgb(36,89,151)
```
#1d589e
```
#1d589e rgb(29,88,158)
```
#1658a5
```
#1658a5 rgb(22,88,165)
```
#0e57ad
```
#0e57ad rgb(14,87,173)
```
#0757b4
```
#0757b4 rgb(7,87,180)
```
#0056bb
```
#0056bb rgb(0,86,187)
```

Tone Color Variation

Below, you can see how #0056bb is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#484848 Achromatopsia 0.005% of the population
#3a4b5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0064a4 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#005cbb Protanomaly 1% of men, 0.01% of women
#005fac Deuteranomaly 6% of men, 0.4% of women
#00648c Tritanomaly 0.01% of the population

#0056bb hex color

#0056bb Color Information

#0056bb Color Conversion

Color Schemes with #0056bb

Alternatives to #0056bb

#0056bb Preview

Shades and Tints of #0056bb

Tones of #0056bb

Color Blindness Simulator