#054ca4 hex color

In a RGB color space, hex #054ca4 is composed of 2% red, 29.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 97% cyan, 53.7% magenta, 0% yellow and 35.7% black. It has a hue angle of 213.2 degrees, a saturation of 94.1% and a lightness of 33.1%. #054ca4 color hex could be obtained by blending #0a98ff with #000049. Closest websafe color is: #003399.

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

● #054ca4 color description : Dark blue.

The hexadecimal color #054ca4 has RGB values of R:5, G:76, B:164 and CMYK values of C:0.97, M:0.54, Y:0, K:0.36. Its decimal value is 347300.

Hex triplet	054ca4	`#054ca4`
RGB Decimal	5, 76, 164	`rgb(5,76,164)`
RGB Percent	2, 29.8, 64.3	`rgb(2%,29.8%,64.3%)`
CMYK	97, 54, 0, 36
HSL	213.2°, 94.1, 33.1	`hsl(213.2,94.1%,33.1%)`
HSV (or HSB)	213.2°, 97, 64.3
Web Safe	003399	`#003399`

CIE-LAB	33.733, 16.417, -52.739
XYZ	9.346, 7.881, 36.148
xyY	0.175, 0.148, 7.881
CIE-LCH	33.733, 55.236, 287.29
CIE-LUV	33.733, -17.29, -73.587
Hunter-Lab	28.073, 10.302, -56.696
Binary	00000101, 01001100, 10100100

#054ca4
```
#054ca4 rgb(5,76,164)
```
#a45d05
```
#a45d05 rgb(164,93,5)
```

Complementary Color

#059ca4
```
#059ca4 rgb(5,156,164)
```
#054ca4
```
#054ca4 rgb(5,76,164)
```
#0e05a4
```
#0e05a4 rgb(14,5,164)
```

Analogous Color

#9ca405
```
#9ca405 rgb(156,164,5)
```
#054ca4
```
#054ca4 rgb(5,76,164)
```
#a40e05
```
#a40e05 rgb(164,14,5)
```

Split Complementary Color

#4ca405
```
#4ca405 rgb(76,164,5)
```
#054ca4
```
#054ca4 rgb(5,76,164)
```
#a4054c
```
#a4054c rgb(164,5,76)
```

Triadic Color

#05a45d
```
#05a45d rgb(5,164,93)
```
#054ca4
```
#054ca4 rgb(5,76,164)
```
#a4054c
```
#a4054c rgb(164,5,76)
```
#a45d05
```
#a45d05 rgb(164,93,5)
```

Tetradic Color

#032a5a
```
#032a5a rgb(3,42,90)
```
#033573
```
#033573 rgb(3,53,115)
```
#04418b
```
#04418b rgb(4,65,139)
```
#054ca4
```
#054ca4 rgb(5,76,164)
```
#0657bd
```
#0657bd rgb(6,87,189)
```
#0763d5
```
#0763d5 rgb(7,99,213)
```
#076eee
```
#076eee rgb(7,110,238)
```

Monochromatic Color

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

#0574a4
```
#0574a4 rgb(5,116,164)
```
#0567a4
```
#0567a4 rgb(5,103,164)
```
#0559a4
```
#0559a4 rgb(5,89,164)
```
#054ca4
```
#054ca4 rgb(5,76,164)
```
#053fa4
```
#053fa4 rgb(5,63,164)
```
#0532a4
```
#0532a4 rgb(5,50,164)
```
#0524a4
```
#0524a4 rgb(5,36,164)
```

Similar Colors

Text with hexadecimal color #054ca4

This text has a font color of #054ca4.

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

#054ca4 background color

This paragraph has a background color of #054ca4.

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

#054ca4 border color

This element has a border color of #054ca4.

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

CSS codes

.text {color:#054ca4;}

.background {background-color:#054ca4;}

.border {border:1px solid #054ca4;}

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

#00050c
```
#00050c rgb(0,5,12)
```
#010e1f
```
#010e1f rgb(1,14,31)
```
#021732
```
#021732 rgb(2,23,50)
```
#022045
```
#022045 rgb(2,32,69)
```
#032958
```
#032958 rgb(3,41,88)
```
#03326b
```
#03326b rgb(3,50,107)
```
#043a7e
```
#043a7e rgb(4,58,126)
```
#044391
```
#044391 rgb(4,67,145)
```
#054ca4
```
#054ca4 rgb(5,76,164)
```
#0655b7
```
#0655b7 rgb(6,85,183)
```
#065eca
```
#065eca rgb(6,94,202)
```
#0766dd
```
#0766dd rgb(7,102,221)
```
#076ff0
```
#076ff0 rgb(7,111,240)
```

Shade Color Variation

#1379f8
```
#1379f8 rgb(19,121,248)
```
#2684f8
```
#2684f8 rgb(38,132,248)
```
#398ff9
```
#398ff9 rgb(57,143,249)
```
#4c9afa
```
#4c9afa rgb(76,154,250)
```
#5fa4fa
```
#5fa4fa rgb(95,164,250)
```
#72affb
```
#72affb rgb(114,175,251)
```
#85bafb
```
#85bafb rgb(133,186,251)
```
#99c5fc
```
#99c5fc rgb(153,197,252)
```
#acd0fc
```
#acd0fc rgb(172,208,252)
```
#bfdafd
```
#bfdafd rgb(191,218,253)
```
#d2e5fe
```
#d2e5fe rgb(210,229,254)
```
#e5f0fe
```
#e5f0fe rgb(229,240,254)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#535456
```
#535456 rgb(83,84,86)
```
#4d545d
```
#4d545d rgb(77,84,93)
```
#465363
```
#465363 rgb(70,83,99)
```
#40526a
```
#40526a rgb(64,82,106)
```
#395270
```
#395270 rgb(57,82,112)
```
#335177
```
#335177 rgb(51,81,119)
```
#2c507d
```
#2c507d rgb(44,80,125)
```
#264f84
```
#264f84 rgb(38,79,132)
```
#1f4f8a
```
#1f4f8a rgb(31,79,138)
```
#194e91
```
#194e91 rgb(25,78,145)
```
#124d97
```
#124d97 rgb(18,77,151)
```
#0c4d9e
```
#0c4d9e rgb(12,77,158)
```
#054ca4
```
#054ca4 rgb(5,76,164)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#354355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a8 Protanopia 1% of men
#005a93 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#0152a6 Protanomaly 1% of men, 0.01% of women
#015599 Deuteranomaly 6% of men, 0.4% of women
#01597c Tritanomaly 0.01% of the population

#054ca4 hex color

#054ca4 Color Information

#054ca4 Color Conversion

Color Schemes with #054ca4

Alternatives to #054ca4

#054ca4 Preview

Shades and Tints of #054ca4

Tones of #054ca4

Color Blindness Simulator