#054fc4 hex color

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

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

● #054fc4 color description : Strong blue.

The hexadecimal color #054fc4 has RGB values of R:5, G:79, B:196 and CMYK values of C:0.97, M:0.6, Y:0, K:0.23. Its decimal value is 348100.

Hex triplet	054fc4	`#054fc4`
RGB Decimal	5, 79, 196	`rgb(5,79,196)`
RGB Percent	2, 31, 76.9	`rgb(2%,31%,76.9%)`
CMYK	97, 60, 0, 23
HSL	216.8°, 95, 39.4	`hsl(216.8,95%,39.4%)`
HSV (or HSB)	216.8°, 97.4, 76.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	37.131, 27.411, -66.117
XYZ	12.82, 9.609, 53.4
xyY	0.169, 0.127, 9.609
CIE-LCH	37.131, 71.574, 292.518
CIE-LUV	37.131, -17.448, -94.448
Hunter-Lab	30.998, 19.579, -80.441
Binary	00000101, 01001111, 11000100

#054fc4
```
#054fc4 rgb(5,79,196)
```
#c47a05
```
#c47a05 rgb(196,122,5)
```

Complementary Color

#05afc4
```
#05afc4 rgb(5,175,196)
```
#054fc4
```
#054fc4 rgb(5,79,196)
```
#1b05c4
```
#1b05c4 rgb(27,5,196)
```

Analogous Color

#afc405
```
#afc405 rgb(175,196,5)
```
#054fc4
```
#054fc4 rgb(5,79,196)
```
#c41b05
```
#c41b05 rgb(196,27,5)
```

Split Complementary Color

#4fc405
```
#4fc405 rgb(79,196,5)
```
#054fc4
```
#054fc4 rgb(5,79,196)
```
#c4054f
```
#c4054f rgb(196,5,79)
```

Triadic Color

#05c47a
```
#05c47a rgb(5,196,122)
```
#054fc4
```
#054fc4 rgb(5,79,196)
```
#c4054f
```
#c4054f rgb(196,5,79)
```
#c47a05
```
#c47a05 rgb(196,122,5)
```

Tetradic Color

#033179
```
#033179 rgb(3,49,121)
```
#043b92
```
#043b92 rgb(4,59,146)
```
#0445ab
```
#0445ab rgb(4,69,171)
```
#054fc4
```
#054fc4 rgb(5,79,196)
```
#0659dd
```
#0659dd rgb(6,89,221)
```
#0663f6
```
#0663f6 rgb(6,99,246)
```
#1c72f9
```
#1c72f9 rgb(28,114,249)
```

Monochromatic Color

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

#057fc4
```
#057fc4 rgb(5,127,196)
```
#056fc4
```
#056fc4 rgb(5,111,196)
```
#055fc4
```
#055fc4 rgb(5,95,196)
```
#054fc4
```
#054fc4 rgb(5,79,196)
```
#053fc4
```
#053fc4 rgb(5,63,196)
```
#052fc4
```
#052fc4 rgb(5,47,196)
```
#051fc4
```
#051fc4 rgb(5,31,196)
```

Similar Colors

Text with hexadecimal color #054fc4

This text has a font color of #054fc4.

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

#054fc4 background color

This paragraph has a background color of #054fc4.

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

#054fc4 border color

This element has a border color of #054fc4.

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

CSS codes

.text {color:#054fc4;}

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

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

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)
```
#010a18
```
#010a18 rgb(1,10,24)
```
#01112b
```
#01112b rgb(1,17,43)
```
#02193e
```
#02193e rgb(2,25,62)
```
#022151
```
#022151 rgb(2,33,81)
```
#032864
```
#032864 rgb(3,40,100)
```
#033077
```
#033077 rgb(3,48,119)
```
#04388b
```
#04388b rgb(4,56,139)
```
#04409e
```
#04409e rgb(4,64,158)
```
#0547b1
```
#0547b1 rgb(5,71,177)
```
#054fc4
```
#054fc4 rgb(5,79,196)
```
#0557d7
```
#0557d7 rgb(5,87,215)
```
#065eea
```
#065eea rgb(6,94,234)
```

Shade Color Variation

#0b67f9
```
#0b67f9 rgb(11,103,249)
```
#1e73f9
```
#1e73f9 rgb(30,115,249)
```
#317ffa
```
#317ffa rgb(49,127,250)
```
#448bfa
```
#448bfa rgb(68,139,250)
```
#5897fb
```
#5897fb rgb(88,151,251)
```
#6ba3fb
```
#6ba3fb rgb(107,163,251)
```
#7eaffc
```
#7eaffc rgb(126,175,252)
```
#91bbfc
```
#91bbfc rgb(145,187,252)
```
#a4c6fd
```
#a4c6fd rgb(164,198,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 #054fc4 is the most saturated one.

#626467
```
#626467 rgb(98,100,103)
```
#5a626f
```
#5a626f rgb(90,98,111)
```
#526077
```
#526077 rgb(82,96,119)
```
#4b5f7e
```
#4b5f7e rgb(75,95,126)
```
#435d86
```
#435d86 rgb(67,93,134)
```
#3b5b8e
```
#3b5b8e rgb(59,91,142)
```
#335996
```
#335996 rgb(51,89,150)
```
#2c589d
```
#2c589d rgb(44,88,157)
```
#2456a5
```
#2456a5 rgb(36,86,165)
```
#1c54ad
```
#1c54ad rgb(28,84,173)
```
#1452b5
```
#1452b5 rgb(20,82,181)
```
#0d51bc
```
#0d51bc rgb(13,81,188)
```
#054fc4
```
#054fc4 rgb(5,79,196)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#39485f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00629e Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#0158bb Protanomaly 1% of men, 0.01% of women
#015bac Deuteranomaly 6% of men, 0.4% of women
#015f8d Tritanomaly 0.01% of the population

#054fc4 hex color

#054fc4 Color Information

#054fc4 Color Conversion

Color Schemes with #054fc4

Alternatives to #054fc4

#054fc4 Preview

Shades and Tints of #054fc4

Tones of #054fc4

Color Blindness Simulator