#054fec hex color

In a RGB color space, hex #054fec is composed of 2% red, 31% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 66.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 220.8 degrees, a saturation of 95.9% and a lightness of 47.3%. #054fec color hex could be obtained by blending #0a9eff with #0000d9. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 31
- B 93
RGB color chart
- C 98
- M 67
- Y 0
- K 7
CMYK color chart

● #054fec color description : Vivid blue.

The hexadecimal color #054fec has RGB values of R:5, G:79, B:236 and CMYK values of C:0.98, M:0.67, Y:0, K:0.07. Its decimal value is 348140.

Hex triplet	054fec	`#054fec`
RGB Decimal	5, 79, 236	`rgb(5,79,236)`
RGB Percent	2, 31, 92.5	`rgb(2%,31%,92.5%)`
CMYK	98, 67, 0, 7
HSL	220.8°, 95.9, 47.3	`hsl(220.8,95.9%,47.3%)`
HSV (or HSB)	220.8°, 97.9, 92.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	40.701, 42.708, -83.204
XYZ	17.996, 11.679, 80.658
xyY	0.163, 0.106, 11.679
CIE-LCH	40.701, 93.524, 297.171
CIE-LUV	40.701, -17.154, -119.998
Hunter-Lab	34.174, 34.191, -116.014
Binary	00000101, 01001111, 11101100

#054fec
```
#054fec rgb(5,79,236)
```
#eca205
```
#eca205 rgb(236,162,5)
```

Complementary Color

#05c3ec
```
#05c3ec rgb(5,195,236)
```
#054fec
```
#054fec rgb(5,79,236)
```
#2f05ec
```
#2f05ec rgb(47,5,236)
```

Analogous Color

#c3ec05
```
#c3ec05 rgb(195,236,5)
```
#054fec
```
#054fec rgb(5,79,236)
```
#ec2f05
```
#ec2f05 rgb(236,47,5)
```

Split Complementary Color

#4fec05
```
#4fec05 rgb(79,236,5)
```
#054fec
```
#054fec rgb(5,79,236)
```
#ec054f
```
#ec054f rgb(236,5,79)
```

Triadic Color

#05eca2
```
#05eca2 rgb(5,236,162)
```
#054fec
```
#054fec rgb(5,79,236)
```
#ec054f
```
#ec054f rgb(236,5,79)
```
#eca205
```
#eca205 rgb(236,162,5)
```

Tetradic Color

#0336a1
```
#0336a1 rgb(3,54,161)
```
#043eba
```
#043eba rgb(4,62,186)
```
#0447d3
```
#0447d3 rgb(4,71,211)
```
#054fec
```
#054fec rgb(5,79,236)
```
#115bfa
```
#115bfa rgb(17,91,250)
```
#2a6cfa
```
#2a6cfa rgb(42,108,250)
```
#427efb
```
#427efb rgb(66,126,251)
```

Monochromatic Color

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

#0589ec
```
#0589ec rgb(5,137,236)
```
#0576ec
```
#0576ec rgb(5,118,236)
```
#0562ec
```
#0562ec rgb(5,98,236)
```
#054fec
```
#054fec rgb(5,79,236)
```
#053cec
```
#053cec rgb(5,60,236)
```
#0529ec
```
#0529ec rgb(5,41,236)
```
#0515ec
```
#0515ec rgb(5,21,236)
```

Similar Colors

Text with hexadecimal color #054fec

This text has a font color of #054fec.

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

#054fec background color

This paragraph has a background color of #054fec.

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

#054fec border color

This element has a border color of #054fec.

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

CSS codes

.text {color:#054fec;}

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

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

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)
```
#010819
```
#010819 rgb(1,8,25)
```
#010f2c
```
#010f2c rgb(1,15,44)
```
#01153f
```
#01153f rgb(1,21,63)
```
#021c52
```
#021c52 rgb(2,28,82)
```
#022266
```
#022266 rgb(2,34,102)
```
#032879
```
#032879 rgb(3,40,121)
```
#032f8c
```
#032f8c rgb(3,47,140)
```
#03359f
```
#03359f rgb(3,53,159)
```
#043cb2
```
#043cb2 rgb(4,60,178)
```
#0442c6
```
#0442c6 rgb(4,66,198)
```
#0549d9
```
#0549d9 rgb(5,73,217)
```
#054fec
```
#054fec rgb(5,79,236)
```

Shade Color Variation

#0b57fa
```
#0b57fa rgb(11,87,250)
```
#1e65fa
```
#1e65fa rgb(30,101,250)
```
#3172fb
```
#3172fb rgb(49,114,251)
```
#447ffb
```
#447ffb rgb(68,127,251)
```
#588cfb
```
#588cfb rgb(88,140,251)
```
#6b99fc
```
#6b99fc rgb(107,153,252)
```
#7ea6fc
```
#7ea6fc rgb(126,166,252)
```
#91b4fd
```
#91b4fd rgb(145,180,253)
```
#a4c1fd
```
#a4c1fd rgb(164,193,253)
```
#b8cefd
```
#b8cefd rgb(184,206,253)
```
#cbdbfe
```
#cbdbfe rgb(203,219,254)
```
#dee8fe
```
#dee8fe rgb(222,232,254)
```
#f1f6ff
```
#f1f6ff rgb(241,246,255)
```

Tint Color Variation

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

#74777d
```
#74777d rgb(116,119,125)
```
#6b7486
```
#6b7486 rgb(107,116,134)
```
#62708f
```
#62708f rgb(98,112,143)
```
#586d99
```
#586d99 rgb(88,109,153)
```
#4f6aa2
```
#4f6aa2 rgb(79,106,162)
```
#4666ab
```
#4666ab rgb(70,102,171)
```
#3d63b4
```
#3d63b4 rgb(61,99,180)
```
#3360be
```
#3360be rgb(51,96,190)
```
#2a5cc7
```
#2a5cc7 rgb(42,92,199)
```
#2159d0
```
#2159d0 rgb(33,89,208)
```
#1856d9
```
#1856d9 rgb(24,86,217)
```
#0e52e3
```
#0e52e3 rgb(14,82,227)
```
#054fec
```
#054fec rgb(5,79,236)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3d4c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#015dd3 Protanomaly 1% of men, 0.01% of women
#0160c2 Deuteranomaly 6% of men, 0.4% of women
#0165a2 Tritanomaly 0.01% of the population

#054fec hex color

#054fec Color Information

#054fec Color Conversion

Color Schemes with #054fec

Alternatives to #054fec

#054fec Preview

Shades and Tints of #054fec

Tones of #054fec

Color Blindness Simulator