#054be1 hex color

In a RGB color space, hex #054be1 is composed of 2% red, 29.4% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 66.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 220.9 degrees, a saturation of 95.7% and a lightness of 45.1%. #054be1 color hex could be obtained by blending #0a96ff with #0000c3. Closest websafe color is: #0033cc.

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

● #054be1 color description : Vivid blue.

The hexadecimal color #054be1 has RGB values of R:5, G:75, B:225 and CMYK values of C:0.98, M:0.67, Y:0, K:0.12. Its decimal value is 347105.

Hex triplet	054be1	`#054be1`
RGB Decimal	5, 75, 225	`rgb(5,75,225)`
RGB Percent	2, 29.4, 88.2	`rgb(2%,29.4%,88.2%)`
CMYK	98, 67, 0, 12
HSL	220.9°, 95.7, 45.1	`hsl(220.9,95.7%,45.1%)`
HSV (or HSB)	220.9°, 97.8, 88.2
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.724, 41.152, -80.216
XYZ	16.166, 10.499, 72.405
xyY	0.163, 0.106, 10.499
CIE-LCH	38.724, 90.156, 297.158
CIE-LUV	38.724, -16.31, -114.065
Hunter-Lab	32.403, 32.353, -109.803
Binary	00000101, 01001011, 11100001

#054be1
```
#054be1 rgb(5,75,225)
```
#e19b05
```
#e19b05 rgb(225,155,5)
```

Complementary Color

#05b9e1
```
#05b9e1 rgb(5,185,225)
```
#054be1
```
#054be1 rgb(5,75,225)
```
#2d05e1
```
#2d05e1 rgb(45,5,225)
```

Analogous Color

#b9e105
```
#b9e105 rgb(185,225,5)
```
#054be1
```
#054be1 rgb(5,75,225)
```
#e12d05
```
#e12d05 rgb(225,45,5)
```

Split Complementary Color

#4be105
```
#4be105 rgb(75,225,5)
```
#054be1
```
#054be1 rgb(5,75,225)
```
#e1054b
```
#e1054b rgb(225,5,75)
```

Triadic Color

#05e19b
```
#05e19b rgb(5,225,155)
```
#054be1
```
#054be1 rgb(5,75,225)
```
#e1054b
```
#e1054b rgb(225,5,75)
```
#e19b05
```
#e19b05 rgb(225,155,5)
```

Tetradic Color

#033296
```
#033296 rgb(3,50,150)
```
#043aaf
```
#043aaf rgb(4,58,175)
```
#0443c8
```
#0443c8 rgb(4,67,200)
```
#054be1
```
#054be1 rgb(5,75,225)
```
#0653f9
```
#0653f9 rgb(6,83,249)
```
#1f65fa
```
#1f65fa rgb(31,101,250)
```
#3876fb
```
#3876fb rgb(56,118,251)
```

Monochromatic Color

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

#0582e1
```
#0582e1 rgb(5,130,225)
```
#0570e1
```
#0570e1 rgb(5,112,225)
```
#055de1
```
#055de1 rgb(5,93,225)
```
#054be1
```
#054be1 rgb(5,75,225)
```
#0539e1
```
#0539e1 rgb(5,57,225)
```
#0526e1
```
#0526e1 rgb(5,38,225)
```
#0514e1
```
#0514e1 rgb(5,20,225)
```

Similar Colors

Text with hexadecimal color #054be1

This text has a font color of #054be1.

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

#054be1 background color

This paragraph has a background color of #054be1.

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

#054be1 border color

This element has a border color of #054be1.

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

CSS codes

.text {color:#054be1;}

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

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

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

#00050e
```
#00050e rgb(0,5,14)
```
#010b21
```
#010b21 rgb(1,11,33)
```
#011134
```
#011134 rgb(1,17,52)
```
#021847
```
#021847 rgb(2,24,71)
```
#021e5b
```
#021e5b rgb(2,30,91)
```
#02256e
```
#02256e rgb(2,37,110)
```
#032b81
```
#032b81 rgb(3,43,129)
```
#033194
```
#033194 rgb(3,49,148)
```
#0438a7
```
#0438a7 rgb(4,56,167)
```
#043ebb
```
#043ebb rgb(4,62,187)
```
#0545ce
```
#0545ce rgb(5,69,206)
```
#054be1
```
#054be1 rgb(5,75,225)
```
#0551f4
```
#0551f4 rgb(5,81,244)
```

Shade Color Variation

#135dfa
```
#135dfa rgb(19,93,250)
```
#276afa
```
#276afa rgb(39,106,250)
```
#3a77fb
```
#3a77fb rgb(58,119,251)
```
#4d84fb
```
#4d84fb rgb(77,132,251)
```
#6092fb
```
#6092fb rgb(96,146,251)
```
#739ffc
```
#739ffc rgb(115,159,252)
```
#87acfc
```
#87acfc rgb(135,172,252)
```
#9ab9fd
```
#9ab9fd rgb(154,185,253)
```
#adc6fd
```
#adc6fd rgb(173,198,253)
```
#c0d4fe
```
#c0d4fe rgb(192,212,254)
```
#d3e1fe
```
#d3e1fe rgb(211,225,254)
```
#e7eefe
```
#e7eefe rgb(231,238,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#6f7277
```
#6f7277 rgb(111,114,119)
```
#666e80
```
#666e80 rgb(102,110,128)
```
#5d6b89
```
#5d6b89 rgb(93,107,137)
```
#556891
```
#556891 rgb(85,104,145)
```
#4c659a
```
#4c659a rgb(76,101,154)
```
#4362a3
```
#4362a3 rgb(67,98,163)
```
#3a5eac
```
#3a5eac rgb(58,94,172)
```
#315bb5
```
#315bb5 rgb(49,91,181)
```
#2858be
```
#2858be rgb(40,88,190)
```
#2055c6
```
#2055c6 rgb(32,85,198)
```
#1751cf
```
#1751cf rgb(23,81,207)
```
#0e4ed8
```
#0e4ed8 rgb(14,78,216)
```
#054be1
```
#054be1 rgb(5,75,225)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3a4866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0158c9 Protanomaly 1% of men, 0.01% of women
#015cb9 Deuteranomaly 6% of men, 0.4% of women
#01619a Tritanomaly 0.01% of the population

#054be1 hex color

#054be1 Color Information

#054be1 Color Conversion

Color Schemes with #054be1

Alternatives to #054be1

#054be1 Preview

Shades and Tints of #054be1

Tones of #054be1

Color Blindness Simulator