colorhexa.com

#0556a4 hex color

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

- R 2
- G 34
- B 64
RGB color chart
- C 97
- M 48
- Y 0
- K 36
CMYK color chart

● #0556a4 color description : Dark blue.

The hexadecimal color #0556a4 has RGB values of R:5, G:86, B:164 and CMYK values of C:0.97, M:0.48, Y:0, K:0.36. Its decimal value is 349860.

Hex triplet	0556a4	`#0556a4`
RGB Decimal	5, 86, 164	`rgb(5,86,164)`
RGB Percent	2, 33.7, 64.3	`rgb(2%,33.7%,64.3%)`
CMYK	97, 48, 0, 36
HSL	209.4°, 94.1, 33.1	`hsl(209.4,94.1%,33.1%)`
HSV (or HSB)	209.4°, 97, 64.3
Web Safe	006699	`#006699`

CIE-LAB	36.682, 9.669, -47.971
XYZ	10.09, 9.367, 36.396
xyY	0.181, 0.168, 9.367
CIE-LCH	36.682, 48.936, 281.395
CIE-LUV	36.682, -20.26, -68.583
Hunter-Lab	30.606, 5.285, -49.083
Binary	00000101, 01010110, 10100100

#0556a4
```
#0556a4 rgb(5,86,164)
```
#a45305
```
#a45305 rgb(164,83,5)
```

Complementary Color

#05a4a3
```
#05a4a3 rgb(5,164,163)
```
#0556a4
```
#0556a4 rgb(5,86,164)
```
#0507a4
```
#0507a4 rgb(5,7,164)
```

Analogous Color

#a4a305
```
#a4a305 rgb(164,163,5)
```
#0556a4
```
#0556a4 rgb(5,86,164)
```
#a40507
```
#a40507 rgb(164,5,7)
```

Split Complementary Color

#032f5a
```
#032f5a rgb(3,47,90)
```
#033c73
```
#033c73 rgb(3,60,115)
```
#04498b
```
#04498b rgb(4,73,139)
```
#0556a4
```
#0556a4 rgb(5,86,164)
```
#0663bd
```
#0663bd rgb(6,99,189)
```
#0770d5
```
#0770d5 rgb(7,112,213)
```
#077dee
```
#077dee rgb(7,125,238)
```

Monochromatic Color

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

#057ea4
```
#057ea4 rgb(5,126,164)
```
#0571a4
```
#0571a4 rgb(5,113,164)
```
#0563a4
```
#0563a4 rgb(5,99,164)
```
#0556a4
```
#0556a4 rgb(5,86,164)
```
#0549a4
```
#0549a4 rgb(5,73,164)
```
#053ca4
```
#053ca4 rgb(5,60,164)
```
#052ea4
```
#052ea4 rgb(5,46,164)
```

Similar Colors

Text with hexadecimal color #0556a4

This text has a font color of #0556a4.

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

#0556a4 background color

This paragraph has a background color of #0556a4.

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

#0556a4 border color

This element has a border color of #0556a4.

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

CSS codes

.text {color:#0556a4;}

.background {background-color:#0556a4;}

.border {border:1px solid #0556a4;}

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

#00060c
```
#00060c rgb(0,6,12)
```
#01101f
```
#01101f rgb(1,16,31)
```
#021a32
```
#021a32 rgb(2,26,50)
```
#022445
```
#022445 rgb(2,36,69)
```
#032e58
```
#032e58 rgb(3,46,88)
```
#03386b
```
#03386b rgb(3,56,107)
```
#04427e
```
#04427e rgb(4,66,126)
```
#044c91
```
#044c91 rgb(4,76,145)
```
#0556a4
```
#0556a4 rgb(5,86,164)
```
#0660b7
```
#0660b7 rgb(6,96,183)
```
#066aca
```
#066aca rgb(6,106,202)
```
#0774dd
```
#0774dd rgb(7,116,221)
```
#077ef0
```
#077ef0 rgb(7,126,240)
```

Shade Color Variation

#1388f8
```
#1388f8 rgb(19,136,248)
```
#2691f8
```
#2691f8 rgb(38,145,248)
```
#399bf9
```
#399bf9 rgb(57,155,249)
```
#4ca5fa
```
#4ca5fa rgb(76,165,250)
```
#5faefa
```
#5faefa rgb(95,174,250)
```
#72b8fb
```
#72b8fb rgb(114,184,251)
```
#85c1fb
```
#85c1fb rgb(133,193,251)
```
#99cbfc
```
#99cbfc rgb(153,203,252)
```
#acd5fc
```
#acd5fc rgb(172,213,252)
```
#bfdefd
```
#bfdefd rgb(191,222,253)
```
#d2e8fe
```
#d2e8fe rgb(210,232,254)
```
#e5f2fe
```
#e5f2fe rgb(229,242,254)
```
#f8fbff
```
#f8fbff rgb(248,251,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 #0556a4 is the most saturated one.

#535556
```
#535556 rgb(83,85,86)
```
#4d555d
```
#4d555d rgb(77,85,93)
```
#465563
```
#465563 rgb(70,85,99)
```
#40556a
```
#40556a rgb(64,85,106)
```
#395570
```
#395570 rgb(57,85,112)
```
#335577
```
#335577 rgb(51,85,119)
```
#2c557d
```
#2c557d rgb(44,85,125)
```
#265584
```
#265584 rgb(38,85,132)
```
#1f568a
```
#1f568a rgb(31,86,138)
```
#195691
```
#195691 rgb(25,86,145)
```
#125697
```
#125697 rgb(18,86,151)
```
#0c569e
```
#0c569e rgb(12,86,158)
```
#0556a4
```
#0556a4 rgb(5,86,164)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3a4a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#335ca6 Protanopia 1% of men
#0060a0 Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#225aa5 Protanomaly 1% of men, 0.01% of women
#015ca1 Deuteranomaly 6% of men, 0.4% of women
#016181 Tritanomaly 0.01% of the population