#054dc4 hex color

In a RGB color space, hex #054dc4 is composed of 2% red, 30.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 60.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 217.4 degrees, a saturation of 95% and a lightness of 39.4%. #054dc4 color hex could be obtained by blending #0a9aff with #000089. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 30
- B 77
RGB color chart
- C 97
- M 61
- Y 0
- K 23
CMYK color chart

● #054dc4 color description : Strong blue.

The hexadecimal color #054dc4 has RGB values of R:5, G:77, B:196 and CMYK values of C:0.97, M:0.61, Y:0, K:0.23. Its decimal value is 347588.

Hex triplet	054dc4	`#054dc4`
RGB Decimal	5, 77, 196	`rgb(5,77,196)`
RGB Percent	2, 30.2, 76.9	`rgb(2%,30.2%,76.9%)`
CMYK	97, 61, 0, 23
HSL	217.4°, 95, 39.4	`hsl(217.4,95%,39.4%)`
HSV (or HSB)	217.4°, 97.4, 76.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	36.602, 28.74, -66.983
XYZ	12.678, 9.324, 53.353
xyY	0.168, 0.124, 9.324
CIE-LCH	36.602, 72.888, 293.223
CIE-LUV	36.602, -16.946, -95.108
Hunter-Lab	30.536, 20.673, -82.218
Binary	00000101, 01001101, 11000100

#054dc4
```
#054dc4 rgb(5,77,196)
```
#c47c05
```
#c47c05 rgb(196,124,5)
```

Complementary Color

#05adc4
```
#05adc4 rgb(5,173,196)
```
#054dc4
```
#054dc4 rgb(5,77,196)
```
#1d05c4
```
#1d05c4 rgb(29,5,196)
```

Analogous Color

#adc405
```
#adc405 rgb(173,196,5)
```
#054dc4
```
#054dc4 rgb(5,77,196)
```
#c41d05
```
#c41d05 rgb(196,29,5)
```

Split Complementary Color

#4dc405
```
#4dc405 rgb(77,196,5)
```
#054dc4
```
#054dc4 rgb(5,77,196)
```
#c4054d
```
#c4054d rgb(196,5,77)
```

Triadic Color

#05c47c
```
#05c47c rgb(5,196,124)
```
#054dc4
```
#054dc4 rgb(5,77,196)
```
#c4054d
```
#c4054d rgb(196,5,77)
```
#c47c05
```
#c47c05 rgb(196,124,5)
```

Tetradic Color

#033079
```
#033079 rgb(3,48,121)
```
#043992
```
#043992 rgb(4,57,146)
```
#0443ab
```
#0443ab rgb(4,67,171)
```
#054dc4
```
#054dc4 rgb(5,77,196)
```
#0657dd
```
#0657dd rgb(6,87,221)
```
#0661f6
```
#0661f6 rgb(6,97,246)
```
#1c70f9
```
#1c70f9 rgb(28,112,249)
```

Monochromatic Color

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

#057dc4
```
#057dc4 rgb(5,125,196)
```
#056dc4
```
#056dc4 rgb(5,109,196)
```
#055dc4
```
#055dc4 rgb(5,93,196)
```
#054dc4
```
#054dc4 rgb(5,77,196)
```
#053dc4
```
#053dc4 rgb(5,61,196)
```
#052dc4
```
#052dc4 rgb(5,45,196)
```
#051dc4
```
#051dc4 rgb(5,29,196)
```

Similar Colors

Text with hexadecimal color #054dc4

This text has a font color of #054dc4.

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

#054dc4 background color

This paragraph has a background color of #054dc4.

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

#054dc4 border color

This element has a border color of #054dc4.

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

CSS codes

.text {color:#054dc4;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#010918
```
#010918 rgb(1,9,24)
```
#01112b
```
#01112b rgb(1,17,43)
```
#02183e
```
#02183e rgb(2,24,62)
```
#022051
```
#022051 rgb(2,32,81)
```
#032764
```
#032764 rgb(3,39,100)
```
#032f77
```
#032f77 rgb(3,47,119)
```
#04368b
```
#04368b rgb(4,54,139)
```
#043e9e
```
#043e9e rgb(4,62,158)
```
#0545b1
```
#0545b1 rgb(5,69,177)
```
#054dc4
```
#054dc4 rgb(5,77,196)
```
#0555d7
```
#0555d7 rgb(5,85,215)
```
#065cea
```
#065cea rgb(6,92,234)
```

Shade Color Variation

#0b65f9
```
#0b65f9 rgb(11,101,249)
```
#1e71f9
```
#1e71f9 rgb(30,113,249)
```
#317dfa
```
#317dfa rgb(49,125,250)
```
#4489fa
```
#4489fa rgb(68,137,250)
```
#5895fb
```
#5895fb rgb(88,149,251)
```
#6ba1fb
```
#6ba1fb rgb(107,161,251)
```
#7eadfc
```
#7eadfc rgb(126,173,252)
```
#91b9fc
```
#91b9fc rgb(145,185,252)
```
#a4c5fd
```
#a4c5fd rgb(164,197,253)
```
#b7d2fd
```
#b7d2fd rgb(183,210,253)
```
#cadefe
```
#cadefe rgb(202,222,254)
```
#ddeafe
```
#ddeafe rgb(221,234,254)
```
#f1f6ff
```
#f1f6ff rgb(241,246,255)
```

Tint Color Variation

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

#626467
```
#626467 rgb(98,100,103)
```
#5a626f
```
#5a626f rgb(90,98,111)
```
#526077
```
#526077 rgb(82,96,119)
```
#4b5e7e
```
#4b5e7e rgb(75,94,126)
```
#435c86
```
#435c86 rgb(67,92,134)
```
#3b5a8e
```
#3b5a8e rgb(59,90,142)
```
#335896
```
#335896 rgb(51,88,150)
```
#2c579d
```
#2c579d rgb(44,87,157)
```
#2455a5
```
#2455a5 rgb(36,85,165)
```
#1c53ad
```
#1c53ad rgb(28,83,173)
```
#1451b5
```
#1451b5 rgb(20,81,181)
```
#0d4fbc
```
#0d4fbc rgb(13,79,188)
```
#054dc4
```
#054dc4 rgb(5,77,196)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#38475e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619c Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#0156b9 Protanomaly 1% of men, 0.01% of women
#0159aa Deuteranomaly 6% of men, 0.4% of women
#015e8d Tritanomaly 0.01% of the population

#054dc4 hex color

#054dc4 Color Information

#054dc4 Color Conversion

Color Schemes with #054dc4

Alternatives to #054dc4

#054dc4 Preview

Shades and Tints of #054dc4

Tones of #054dc4

Color Blindness Simulator