#056687 hex color

In a RGB color space, hex #056687 is composed of 2% red, 40% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 24.4% magenta, 0% yellow and 47.1% black. It has a hue angle of 195.2 degrees, a saturation of 92.9% and a lightness of 27.5%. #056687 color hex could be obtained by blending #0accff with #00000f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 40
- B 53
RGB color chart
- C 96
- M 24
- Y 0
- K 47
CMYK color chart

● #056687 color description : Dark blue.

The hexadecimal color #056687 has RGB values of R:5, G:102, B:135 and CMYK values of C:0.96, M:0.24, Y:0, K:0.47. Its decimal value is 353927.

Hex triplet	056687	`#056687`
RGB Decimal	5, 102, 135	`rgb(5,102,135)`
RGB Percent	2, 40, 52.9	`rgb(2%,40%,52.9%)`
CMYK	96, 24, 0, 47
HSL	195.2°, 92.9, 27.5	`hsl(195.2,92.9%,27.5%)`
HSV (or HSB)	195.2°, 96.3, 52.9
Web Safe	006699	`#006699`

CIE-LAB	40.054, -12.155, -25.19
XYZ	9.186, 11.283, 24.614
xyY	0.204, 0.25, 11.283
CIE-LCH	40.054, 27.97, 244.242
CIE-LUV	40.054, -27.176, -34.264
Hunter-Lab	33.591, -9.97, -19.932
Binary	00000101, 01100110, 10000111

#056687
```
#056687 rgb(5,102,135)
```
#872605
```
#872605 rgb(135,38,5)
```

Complementary Color

#058767
```
#058767 rgb(5,135,103)
```
#056687
```
#056687 rgb(5,102,135)
```
#052587
```
#052587 rgb(5,37,135)
```

Analogous Color

#876705
```
#876705 rgb(135,103,5)
```
#056687
```
#056687 rgb(5,102,135)
```
#870525
```
#870525 rgb(135,5,37)
```

Split Complementary Color

#668705
```
#668705 rgb(102,135,5)
```
#056687
```
#056687 rgb(5,102,135)
```
#870566
```
#870566 rgb(135,5,102)
```

Triadic Color

#058726
```
#058726 rgb(5,135,38)
```
#056687
```
#056687 rgb(5,102,135)
```
#870566
```
#870566 rgb(135,5,102)
```
#872605
```
#872605 rgb(135,38,5)
```

Tetradic Color

#022e3d
```
#022e3d rgb(2,46,61)
```
#034156
```
#034156 rgb(3,65,86)
```
#04536e
```
#04536e rgb(4,83,110)
```
#056687
```
#056687 rgb(5,102,135)
```
#0679a0
```
#0679a0 rgb(6,121,160)
```
#078bb8
```
#078bb8 rgb(7,139,184)
```
#089ed1
```
#089ed1 rgb(8,158,209)
```

Monochromatic Color

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

#058787
```
#058787 rgb(5,135,135)
```
#057c87
```
#057c87 rgb(5,124,135)
```
#057187
```
#057187 rgb(5,113,135)
```
#056687
```
#056687 rgb(5,102,135)
```
#055b87
```
#055b87 rgb(5,91,135)
```
#055087
```
#055087 rgb(5,80,135)
```
#054687
```
#054687 rgb(5,70,135)
```

Similar Colors

Text with hexadecimal color #056687

This text has a font color of #056687.

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

#056687 background color

This paragraph has a background color of #056687.

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

#056687 border color

This element has a border color of #056687.

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

CSS codes

.text {color:#056687;}

.background {background-color:#056687;}

.border {border:1px solid #056687;}

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, #000203 is the darkest color, while #effafe is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#011016
```
#011016 rgb(1,16,22)
```
#011f28
```
#011f28 rgb(1,31,40)
```
#022d3b
```
#022d3b rgb(2,45,59)
```
#033b4e
```
#033b4e rgb(3,59,78)
```
#044961
```
#044961 rgb(4,73,97)
```
#045874
```
#045874 rgb(4,88,116)
```
#056687
```
#056687 rgb(5,102,135)
```
#06749a
```
#06749a rgb(6,116,154)
```
#0683ad
```
#0683ad rgb(6,131,173)
```
#0791c0
```
#0791c0 rgb(7,145,192)
```
#089fd3
```
#089fd3 rgb(8,159,211)
```
#09ade6
```
#09ade6 rgb(9,173,230)
```

Shade Color Variation

#0cbbf6
```
#0cbbf6 rgb(12,187,246)
```
#1fc0f7
```
#1fc0f7 rgb(31,192,247)
```
#32c5f7
```
#32c5f7 rgb(50,197,247)
```
#44caf8
```
#44caf8 rgb(68,202,248)
```
#57d0f9
```
#57d0f9 rgb(87,208,249)
```
#6ad5f9
```
#6ad5f9 rgb(106,213,249)
```
#7ddafa
```
#7ddafa rgb(125,218,250)
```
#90e0fb
```
#90e0fb rgb(144,224,251)
```
#a3e5fc
```
#a3e5fc rgb(163,229,252)
```
#b6eafc
```
#b6eafc rgb(182,234,252)
```
#c9f0fd
```
#c9f0fd rgb(201,240,253)
```
#dcf5fe
```
#dcf5fe rgb(220,245,254)
```
#effafe
```
#effafe rgb(239,250,254)
```

Tint Color Variation

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

#464646
```
#464646 rgb(70,70,70)
```
#40494c
```
#40494c rgb(64,73,76)
```
#3b4b51
```
#3b4b51 rgb(59,75,81)
```
#354e57
```
#354e57 rgb(53,78,87)
```
#30515c
```
#30515c rgb(48,81,92)
```
#2b5361
```
#2b5361 rgb(43,83,97)
```
#255667
```
#255667 rgb(37,86,103)
```
#20596c
```
#20596c rgb(32,89,108)
```
#1b5b71
```
#1b5b71 rgb(27,91,113)
```
#155e77
```
#155e77 rgb(21,94,119)
```
#10617c
```
#10617c rgb(16,97,124)
```
#0a6382
```
#0a6382 rgb(10,99,130)
```
#056687
```
#056687 rgb(5,102,135)
```

Tone Color Variation

Below, you can see how #056687 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

#4d4d4d Achromatopsia 0.005% of the population
#3f5259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6587 Protanopia 1% of men
#546690 Deuteranopia 1% of men
#007078 Tritanopia 0.001% of the population

Trichromacy

#3c6587 Protanomaly 1% of men, 0.01% of women
#37668d Deuteranomaly 6% of men, 0.4% of women
#016c7d Tritanomaly 0.01% of the population

#056687 hex color

#056687 Color Information

#056687 Color Conversion

Color Schemes with #056687

Alternatives to #056687

#056687 Preview

Shades and Tints of #056687

Tones of #056687

Color Blindness Simulator