#054be4 hex color

In a RGB color space, hex #054be4 is composed of 2% red, 29.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 67.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 221.2 degrees, a saturation of 95.7% and a lightness of 45.7%. #054be4 color hex could be obtained by blending #0a96ff with #0000c9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 29
- B 89
RGB color chart
- C 98
- M 67
- Y 0
- K 11
CMYK color chart

● #054be4 color description : Vivid blue.

The hexadecimal color #054be4 has RGB values of R:5, G:75, B:228 and CMYK values of C:0.98, M:0.67, Y:0, K:0.11. Its decimal value is 347108.

Hex triplet	054be4	`#054be4`
RGB Decimal	5, 75, 228	`rgb(5,75,228)`
RGB Percent	2, 29.4, 89.4	`rgb(2%,29.4%,89.4%)`
CMYK	98, 67, 0, 11
HSL	221.2°, 95.7, 45.7	`hsl(221.2,95.7%,45.7%)`
HSV (or HSB)	221.2°, 97.8, 89.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	39.009, 42.26, -81.455
XYZ	16.579, 10.664, 74.579
xyY	0.163, 0.105, 10.664
CIE-LCH	39.009, 91.765, 297.421
CIE-LUV	39.009, -16.311, -115.906
Hunter-Lab	32.656, 33.474, -112.544
Binary	00000101, 01001011, 11100100

#054be4
```
#054be4 rgb(5,75,228)
```
#e49e05
```
#e49e05 rgb(228,158,5)
```

Complementary Color

#05bbe4
```
#05bbe4 rgb(5,187,228)
```
#054be4
```
#054be4 rgb(5,75,228)
```
#2e05e4
```
#2e05e4 rgb(46,5,228)
```

Analogous Color

#bbe405
```
#bbe405 rgb(187,228,5)
```
#054be4
```
#054be4 rgb(5,75,228)
```
#e42e05
```
#e42e05 rgb(228,46,5)
```

Split Complementary Color

#4be405
```
#4be405 rgb(75,228,5)
```
#054be4
```
#054be4 rgb(5,75,228)
```
#e4054b
```
#e4054b rgb(228,5,75)
```

Triadic Color

#05e49e
```
#05e49e rgb(5,228,158)
```
#054be4
```
#054be4 rgb(5,75,228)
```
#e4054b
```
#e4054b rgb(228,5,75)
```
#e49e05
```
#e49e05 rgb(228,158,5)
```

Tetradic Color

#033299
```
#033299 rgb(3,50,153)
```
#043bb2
```
#043bb2 rgb(4,59,178)
```
#0443cb
```
#0443cb rgb(4,67,203)
```
#054be4
```
#054be4 rgb(5,75,228)
```
#0954fa
```
#0954fa rgb(9,84,250)
```
#2266fa
```
#2266fa rgb(34,102,250)
```
#3b77fb
```
#3b77fb rgb(59,119,251)
```

Monochromatic Color

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

#0583e4
```
#0583e4 rgb(5,131,228)
```
#0570e4
```
#0570e4 rgb(5,112,228)
```
#055ee4
```
#055ee4 rgb(5,94,228)
```
#054be4
```
#054be4 rgb(5,75,228)
```
#0538e4
```
#0538e4 rgb(5,56,228)
```
#0526e4
```
#0526e4 rgb(5,38,228)
```
#0513e4
```
#0513e4 rgb(5,19,228)
```

Similar Colors

Text with hexadecimal color #054be4

This text has a font color of #054be4.

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

#054be4 background color

This paragraph has a background color of #054be4.

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

#054be4 border color

This element has a border color of #054be4.

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

CSS codes

.text {color:#054be4;}

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

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

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

#000611
```
#000611 rgb(0,6,17)
```
#010c24
```
#010c24 rgb(1,12,36)
```
#011237
```
#011237 rgb(1,18,55)
```
#02184a
```
#02184a rgb(2,24,74)
```
#021f5e
```
#021f5e rgb(2,31,94)
```
#022571
```
#022571 rgb(2,37,113)
```
#032b84
```
#032b84 rgb(3,43,132)
```
#033297
```
#033297 rgb(3,50,151)
```
#0438aa
```
#0438aa rgb(4,56,170)
```
#043ebe
```
#043ebe rgb(4,62,190)
```
#0545d1
```
#0545d1 rgb(5,69,209)
```
#054be4
```
#054be4 rgb(5,75,228)
```
#0551f7
```
#0551f7 rgb(5,81,247)
```

Shade Color Variation

#165efa
```
#165efa rgb(22,94,250)
```
#2a6bfa
```
#2a6bfa rgb(42,107,250)
```
#3d78fb
```
#3d78fb rgb(61,120,251)
```
#5086fb
```
#5086fb rgb(80,134,251)
```
#6393fc
```
#6393fc rgb(99,147,252)
```
#76a0fc
```
#76a0fc rgb(118,160,252)
```
#89aefc
```
#89aefc rgb(137,174,252)
```
#9dbbfd
```
#9dbbfd rgb(157,187,253)
```
#b0c8fd
```
#b0c8fd rgb(176,200,253)
```
#c3d5fe
```
#c3d5fe rgb(195,213,254)
```
#d6e3fe
```
#d6e3fe rgb(214,227,254)
```
#e9f0ff
```
#e9f0ff rgb(233,240,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#717378
```
#717378 rgb(113,115,120)
```
#687081
```
#687081 rgb(104,112,129)
```
#5f6c8a
```
#5f6c8a rgb(95,108,138)
```
#566993
```
#566993 rgb(86,105,147)
```
#4d669c
```
#4d669c rgb(77,102,156)
```
#4462a5
```
#4462a5 rgb(68,98,165)
```
#3b5fae
```
#3b5fae rgb(59,95,174)
```
#325cb7
```
#325cb7 rgb(50,92,183)
```
#2958c0
```
#2958c0 rgb(41,88,192)
```
#2055c9
```
#2055c9 rgb(32,85,201)
```
#1752d2
```
#1752d2 rgb(23,82,210)
```
#0e4edb
```
#0e4edb rgb(14,78,219)
```
#054be4
```
#054be4 rgb(5,75,228)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3b4967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0159cb Protanomaly 1% of men, 0.01% of women
#015cbb Deuteranomaly 6% of men, 0.4% of women
#01619c Tritanomaly 0.01% of the population

#054be4 hex color

#054be4 Color Information

#054be4 Color Conversion

Color Schemes with #054be4

Alternatives to #054be4

#054be4 Preview

Shades and Tints of #054be4

Tones of #054be4

Color Blindness Simulator