#056ba4 hex color

In a RGB color space, hex #056ba4 is composed of 2% red, 42% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 97% cyan, 34.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 201.5 degrees, a saturation of 94.1% and a lightness of 33.1%. #056ba4 color hex could be obtained by blending #0ad6ff with #000049. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 42
- B 64
RGB color chart
- C 97
- M 35
- Y 0
- K 36
CMYK color chart

● #056ba4 color description : Dark blue.

The hexadecimal color #056ba4 has RGB values of R:5, G:107, B:164 and CMYK values of C:0.97, M:0.35, Y:0, K:0.36. Its decimal value is 355236.

Hex triplet	056ba4	`#056ba4`
RGB Decimal	5, 107, 164	`rgb(5,107,164)`
RGB Percent	2, 42, 64.3	`rgb(2%,42%,64.3%)`
CMYK	97, 35, 0, 36
HSL	201.5°, 94.1, 33.1	`hsl(201.5,94.1%,33.1%)`
HSV (or HSB)	201.5°, 97, 64.3
Web Safe	006699	`#006699`

CIE-LAB	43.103, -3.786, -37.713
XYZ	12.019, 13.227, 37.039
xyY	0.193, 0.212, 13.227
CIE-LCH	43.103, 37.903, 264.267
CIE-LUV	43.103, -27.073, -54.977
Hunter-Lab	36.369, -4.653, -34.925
Binary	00000101, 01101011, 10100100

#056ba4
```
#056ba4 rgb(5,107,164)
```
#a43e05
```
#a43e05 rgb(164,62,5)
```

Complementary Color

#05a48e
```
#05a48e rgb(5,164,142)
```
#056ba4
```
#056ba4 rgb(5,107,164)
```
#051ca4
```
#051ca4 rgb(5,28,164)
```

Analogous Color

#a48e05
```
#a48e05 rgb(164,142,5)
```
#056ba4
```
#056ba4 rgb(5,107,164)
```
#a4051c
```
#a4051c rgb(164,5,28)
```

Split Complementary Color

#6ba405
```
#6ba405 rgb(107,164,5)
```
#056ba4
```
#056ba4 rgb(5,107,164)
```
#a4056b
```
#a4056b rgb(164,5,107)
```

Triadic Color

#05a43e
```
#05a43e rgb(5,164,62)
```
#056ba4
```
#056ba4 rgb(5,107,164)
```
#a4056b
```
#a4056b rgb(164,5,107)
```
#a43e05
```
#a43e05 rgb(164,62,5)
```

Tetradic Color

#033b5a
```
#033b5a rgb(3,59,90)
```
#034b73
```
#034b73 rgb(3,75,115)
```
#045b8b
```
#045b8b rgb(4,91,139)
```
#056ba4
```
#056ba4 rgb(5,107,164)
```
#067bbd
```
#067bbd rgb(6,123,189)
```
#078bd5
```
#078bd5 rgb(7,139,213)
```
#079bee
```
#079bee rgb(7,155,238)
```

Monochromatic Color

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

#0593a4
```
#0593a4 rgb(5,147,164)
```
#0586a4
```
#0586a4 rgb(5,134,164)
```
#0578a4
```
#0578a4 rgb(5,120,164)
```
#056ba4
```
#056ba4 rgb(5,107,164)
```
#055ea4
```
#055ea4 rgb(5,94,164)
```
#0551a4
```
#0551a4 rgb(5,81,164)
```
#0543a4
```
#0543a4 rgb(5,67,164)
```

Similar Colors

Text with hexadecimal color #056ba4

This text has a font color of #056ba4.

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

#056ba4 background color

This paragraph has a background color of #056ba4.

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

#056ba4 border color

This element has a border color of #056ba4.

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

CSS codes

.text {color:#056ba4;}

.background {background-color:#056ba4;}

.border {border:1px solid #056ba4;}

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, #00080c is the darkest color, while #f8fcff is the lightest one.

#00080c
```
#00080c rgb(0,8,12)
```
#01141f
```
#01141f rgb(1,20,31)
```
#022032
```
#022032 rgb(2,32,50)
```
#022d45
```
#022d45 rgb(2,45,69)
```
#033958
```
#033958 rgb(3,57,88)
```
#03466b
```
#03466b rgb(3,70,107)
```
#04527e
```
#04527e rgb(4,82,126)
```
#045f91
```
#045f91 rgb(4,95,145)
```
#056ba4
```
#056ba4 rgb(5,107,164)
```
#0677b7
```
#0677b7 rgb(6,119,183)
```
#0684ca
```
#0684ca rgb(6,132,202)
```
#0790dd
```
#0790dd rgb(7,144,221)
```
#079df0
```
#079df0 rgb(7,157,240)
```

Shade Color Variation

#13a6f8
```
#13a6f8 rgb(19,166,248)
```
#26adf8
```
#26adf8 rgb(38,173,248)
```
#39b4f9
```
#39b4f9 rgb(57,180,249)
```
#4cbbfa
```
#4cbbfa rgb(76,187,250)
```
#5fc3fa
```
#5fc3fa rgb(95,195,250)
```
#72cafb
```
#72cafb rgb(114,202,251)
```
#85d1fb
```
#85d1fb rgb(133,209,251)
```
#99d8fc
```
#99d8fc rgb(153,216,252)
```
#acdffc
```
#acdffc rgb(172,223,252)
```
#bfe7fd
```
#bfe7fd rgb(191,231,253)
```
#d2eefe
```
#d2eefe rgb(210,238,254)
```
#e5f5fe
```
#e5f5fe rgb(229,245,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#535556
```
#535556 rgb(83,85,86)
```
#4d575d
```
#4d575d rgb(77,87,93)
```
#465963
```
#465963 rgb(70,89,99)
```
#405a6a
```
#405a6a rgb(64,90,106)
```
#395c70
```
#395c70 rgb(57,92,112)
```
#335e77
```
#335e77 rgb(51,94,119)
```
#2c607d
```
#2c607d rgb(44,96,125)
```
#266284
```
#266284 rgb(38,98,132)
```
#1f648a
```
#1f648a rgb(31,100,138)
```
#196591
```
#196591 rgb(25,101,145)
```
#126797
```
#126797 rgb(18,103,151)
```
#0c699e
```
#0c699e rgb(12,105,158)
```
#056ba4
```
#056ba4 rgb(5,107,164)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#435863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576ba3 Protanopia 1% of men
#446eaa Deuteranopia 1% of men
#007880 Tritanopia 0.001% of the population

Trichromacy

#396ba3 Protanomaly 1% of men, 0.01% of women
#2d6da8 Deuteranomaly 6% of men, 0.4% of women
#01738d Tritanomaly 0.01% of the population

#056ba4 hex color

#056ba4 Color Information

#056ba4 Color Conversion

Color Schemes with #056ba4

Alternatives to #056ba4

#056ba4 Preview

Shades and Tints of #056ba4

Tones of #056ba4

Color Blindness Simulator