#055fa4 hex color

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

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

● #055fa4 color description : Dark blue.

The hexadecimal color #055fa4 has RGB values of R:5, G:95, B:164 and CMYK values of C:0.97, M:0.42, Y:0, K:0.36. Its decimal value is 352164.

Hex triplet	055fa4	`#055fa4`
RGB Decimal	5, 95, 164	`rgb(5,95,164)`
RGB Percent	2, 37.3, 64.3	`rgb(2%,37.3%,64.3%)`
CMYK	97, 42, 0, 36
HSL	206°, 94.1, 33.1	`hsl(206,94.1%,33.1%)`
HSV (or HSB)	206°, 97, 64.3
Web Safe	006699	`#006699`

CIE-LAB	39.405, 3.766, -43.6
XYZ	10.854, 10.896, 36.651
xyY	0.186, 0.187, 10.896
CIE-LCH	39.405, 43.762, 274.937
CIE-LUV	39.405, -23.102, -63.183
Hunter-Lab	33.009, 0.928, -42.725
Binary	00000101, 01011111, 10100100

#055fa4
```
#055fa4 rgb(5,95,164)
```
#a44a05
```
#a44a05 rgb(164,74,5)
```

Complementary Color

#05a49a
```
#05a49a rgb(5,164,154)
```
#055fa4
```
#055fa4 rgb(5,95,164)
```
#0510a4
```
#0510a4 rgb(5,16,164)
```

Analogous Color

#a49a05
```
#a49a05 rgb(164,154,5)
```
#055fa4
```
#055fa4 rgb(5,95,164)
```
#a40510
```
#a40510 rgb(164,5,16)
```

Split Complementary Color

#5fa405
```
#5fa405 rgb(95,164,5)
```
#055fa4
```
#055fa4 rgb(5,95,164)
```
#a4055f
```
#a4055f rgb(164,5,95)
```

Triadic Color

#05a44a
```
#05a44a rgb(5,164,74)
```
#055fa4
```
#055fa4 rgb(5,95,164)
```
#a4055f
```
#a4055f rgb(164,5,95)
```
#a44a05
```
#a44a05 rgb(164,74,5)
```

Tetradic Color

#03345a
```
#03345a rgb(3,52,90)
```
#034273
```
#034273 rgb(3,66,115)
```
#04518b
```
#04518b rgb(4,81,139)
```
#055fa4
```
#055fa4 rgb(5,95,164)
```
#066dbd
```
#066dbd rgb(6,109,189)
```
#077cd5
```
#077cd5 rgb(7,124,213)
```
#078aee
```
#078aee rgb(7,138,238)
```

Monochromatic Color

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

#0587a4
```
#0587a4 rgb(5,135,164)
```
#057aa4
```
#057aa4 rgb(5,122,164)
```
#056ca4
```
#056ca4 rgb(5,108,164)
```
#055fa4
```
#055fa4 rgb(5,95,164)
```
#0552a4
```
#0552a4 rgb(5,82,164)
```
#0545a4
```
#0545a4 rgb(5,69,164)
```
#0537a4
```
#0537a4 rgb(5,55,164)
```

Similar Colors

Text with hexadecimal color #055fa4

This text has a font color of #055fa4.

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

#055fa4 background color

This paragraph has a background color of #055fa4.

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

#055fa4 border color

This element has a border color of #055fa4.

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

CSS codes

.text {color:#055fa4;}

.background {background-color:#055fa4;}

.border {border:1px solid #055fa4;}

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

#00070c
```
#00070c rgb(0,7,12)
```
#01121f
```
#01121f rgb(1,18,31)
```
#021d32
```
#021d32 rgb(2,29,50)
```
#022845
```
#022845 rgb(2,40,69)
```
#033358
```
#033358 rgb(3,51,88)
```
#033e6b
```
#033e6b rgb(3,62,107)
```
#04497e
```
#04497e rgb(4,73,126)
```
#045491
```
#045491 rgb(4,84,145)
```
#055fa4
```
#055fa4 rgb(5,95,164)
```
#066ab7
```
#066ab7 rgb(6,106,183)
```
#0675ca
```
#0675ca rgb(6,117,202)
```
#0780dd
```
#0780dd rgb(7,128,221)
```
#078bf0
```
#078bf0 rgb(7,139,240)
```

Shade Color Variation

#1395f8
```
#1395f8 rgb(19,149,248)
```
#269df8
```
#269df8 rgb(38,157,248)
```
#39a6f9
```
#39a6f9 rgb(57,166,249)
```
#4caefa
```
#4caefa rgb(76,174,250)
```
#5fb7fa
```
#5fb7fa rgb(95,183,250)
```
#72c0fb
```
#72c0fb rgb(114,192,251)
```
#85c8fb
```
#85c8fb rgb(133,200,251)
```
#99d1fc
```
#99d1fc rgb(153,209,252)
```
#acd9fc
```
#acd9fc rgb(172,217,252)
```
#bfe2fd
```
#bfe2fd rgb(191,226,253)
```
#d2ebfe
```
#d2ebfe rgb(210,235,254)
```
#e5f3fe
```
#e5f3fe rgb(229,243,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 #055fa4 is the most saturated one.

#535556
```
#535556 rgb(83,85,86)
```
#4d565d
```
#4d565d rgb(77,86,93)
```
#465663
```
#465663 rgb(70,86,99)
```
#40576a
```
#40576a rgb(64,87,106)
```
#395870
```
#395870 rgb(57,88,112)
```
#335977
```
#335977 rgb(51,89,119)
```
#2c5a7d
```
#2c5a7d rgb(44,90,125)
```
#265b84
```
#265b84 rgb(38,91,132)
```
#1f5c8a
```
#1f5c8a rgb(31,92,138)
```
#195c91
```
#195c91 rgb(25,92,145)
```
#125d97
```
#125d97 rgb(18,93,151)
```
#0c5e9e
```
#0c5e9e rgb(12,94,158)
```
#055fa4
```
#055fa4 rgb(5,95,164)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#3e505e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4563a5 Protanopia 1% of men
#2066a9 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#2e61a4 Protanomaly 1% of men, 0.01% of women
#1663a7 Deuteranomaly 6% of men, 0.4% of women
#016986 Tritanomaly 0.01% of the population

#055fa4 hex color

#055fa4 Color Information

#055fa4 Color Conversion

Color Schemes with #055fa4

Alternatives to #055fa4

#055fa4 Preview

Shades and Tints of #055fa4

Tones of #055fa4

Color Blindness Simulator