#054ac8 hex color

In a RGB color space, hex #054ac8 is composed of 2% red, 29% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 63% magenta, 0% yellow and 21.6% black. It has a hue angle of 218.8 degrees, a saturation of 95.1% and a lightness of 40.2%. #054ac8 color hex could be obtained by blending #0a94ff with #000091. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 29
- B 78
RGB color chart
- C 98
- M 63
- Y 0
- K 22
CMYK color chart

● #054ac8 color description : Strong blue.

The hexadecimal color #054ac8 has RGB values of R:5, G:74, B:200 and CMYK values of C:0.98, M:0.63, Y:0, K:0.22. Its decimal value is 346824.

Hex triplet	054ac8	`#054ac8`
RGB Decimal	5, 74, 200	`rgb(5,74,200)`
RGB Percent	2, 29, 78.4	`rgb(2%,29%,78.4%)`
CMYK	98, 63, 0, 22
HSL	218.8°, 95.1, 40.2	`hsl(218.8,95.1%,40.2%)`
HSV (or HSB)	218.8°, 97.5, 78.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	36.174, 32.294, -70.013
XYZ	12.934, 9.099, 55.715
xyY	0.166, 0.117, 9.099
CIE-LCH	36.174, 77.102, 294.762
CIE-LUV	36.174, -16.178, -98.591
Hunter-Lab	30.164, 23.753, -88.397
Binary	00000101, 01001010, 11001000

#054ac8
```
#054ac8 rgb(5,74,200)
```
#c88305
```
#c88305 rgb(200,131,5)
```

Complementary Color

#05acc8
```
#05acc8 rgb(5,172,200)
```
#054ac8
```
#054ac8 rgb(5,74,200)
```
#2105c8
```
#2105c8 rgb(33,5,200)
```

Analogous Color

#acc805
```
#acc805 rgb(172,200,5)
```
#054ac8
```
#054ac8 rgb(5,74,200)
```
#c82105
```
#c82105 rgb(200,33,5)
```

Split Complementary Color

#4ac805
```
#4ac805 rgb(74,200,5)
```
#054ac8
```
#054ac8 rgb(5,74,200)
```
#c8054a
```
#c8054a rgb(200,5,74)
```

Triadic Color

#05c883
```
#05c883 rgb(5,200,131)
```
#054ac8
```
#054ac8 rgb(5,74,200)
```
#c8054a
```
#c8054a rgb(200,5,74)
```
#c88305
```
#c88305 rgb(200,131,5)
```

Tetradic Color

#032e7d
```
#032e7d rgb(3,46,125)
```
#043896
```
#043896 rgb(4,56,150)
```
#0441af
```
#0441af rgb(4,65,175)
```
#054ac8
```
#054ac8 rgb(5,74,200)
```
#0653e1
```
#0653e1 rgb(6,83,225)
```
#075df9
```
#075df9 rgb(7,93,249)
```
#206df9
```
#206df9 rgb(32,109,249)
```

Monochromatic Color

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

#057bc8
```
#057bc8 rgb(5,123,200)
```
#056bc8
```
#056bc8 rgb(5,107,200)
```
#055ac8
```
#055ac8 rgb(5,90,200)
```
#054ac8
```
#054ac8 rgb(5,74,200)
```
#053ac8
```
#053ac8 rgb(5,58,200)
```
#052ac8
```
#052ac8 rgb(5,42,200)
```
#0519c8
```
#0519c8 rgb(5,25,200)
```

Similar Colors

Text with hexadecimal color #054ac8

This text has a font color of #054ac8.

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

#054ac8 background color

This paragraph has a background color of #054ac8.

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

#054ac8 border color

This element has a border color of #054ac8.

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

CSS codes

.text {color:#054ac8;}

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

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

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

#000309
```
#000309 rgb(0,3,9)
```
#010a1c
```
#010a1c rgb(1,10,28)
```
#01112f
```
#01112f rgb(1,17,47)
```
#021842
```
#021842 rgb(2,24,66)
```
#022055
```
#022055 rgb(2,32,85)
```
#032768
```
#032768 rgb(3,39,104)
```
#032e7b
```
#032e7b rgb(3,46,123)
```
#04358f
```
#04358f rgb(4,53,143)
```
#043ca2
```
#043ca2 rgb(4,60,162)
```
#0543b5
```
#0543b5 rgb(5,67,181)
```
#054ac8
```
#054ac8 rgb(5,74,200)
```
#0551db
```
#0551db rgb(5,81,219)
```
#0658ee
```
#0658ee rgb(6,88,238)
```

Shade Color Variation

#0f62f9
```
#0f62f9 rgb(15,98,249)
```
#226ef9
```
#226ef9 rgb(34,110,249)
```
#357bfa
```
#357bfa rgb(53,123,250)
```
#4887fa
```
#4887fa rgb(72,135,250)
```
#5b94fb
```
#5b94fb rgb(91,148,251)
```
#6fa0fb
```
#6fa0fb rgb(111,160,251)
```
#82adfc
```
#82adfc rgb(130,173,252)
```
#95b9fc
```
#95b9fc rgb(149,185,252)
```
#a8c6fd
```
#a8c6fd rgb(168,198,253)
```
#bbd3fd
```
#bbd3fd rgb(187,211,253)
```
#cedffe
```
#cedffe rgb(206,223,254)
```
#e1ecfe
```
#e1ecfe rgb(225,236,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

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

#646669
```
#646669 rgb(100,102,105)
```
#5c6371
```
#5c6371 rgb(92,99,113)
```
#546179
```
#546179 rgb(84,97,121)
```
#4c5f81
```
#4c5f81 rgb(76,95,129)
```
#445c89
```
#445c89 rgb(68,92,137)
```
#3c5a91
```
#3c5a91 rgb(60,90,145)
```
#345899
```
#345899 rgb(52,88,153)
```
#2c56a1
```
#2c56a1 rgb(44,86,161)
```
#2553a8
```
#2553a8 rgb(37,83,168)
```
#1d51b0
```
#1d51b0 rgb(29,81,176)
```
#154fb8
```
#154fb8 rgb(21,79,184)
```
#0d4cc0
```
#0d4cc0 rgb(13,76,192)
```
#054ac8
```
#054ac8 rgb(5,74,200)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#37455e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#00609a Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#0154b9 Protanomaly 1% of men, 0.01% of women
#0158ab Deuteranomaly 6% of men, 0.4% of women
#015c8d Tritanomaly 0.01% of the population

#054ac8 hex color

#054ac8 Color Information

#054ac8 Color Conversion

Color Schemes with #054ac8

Alternatives to #054ac8

#054ac8 Preview

Shades and Tints of #054ac8

Tones of #054ac8

Color Blindness Simulator