#054efa hex color

In a RGB color space, hex #054efa is composed of 2% red, 30.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 68.8% magenta, 0% yellow and 2% black. It has a hue angle of 222.1 degrees, a saturation of 96.1% and a lightness of 50%. #054efa color hex could be obtained by blending #0a9cff with #0000f5. Closest websafe color is: #0066ff.

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

● #054efa color description : Vivid blue.

The hexadecimal color #054efa has RGB values of R:5, G:78, B:250 and CMYK values of C:0.98, M:0.69, Y:0, K:0.02. Its decimal value is 347898.

Hex triplet	054efa	`#054efa`
RGB Decimal	5, 78, 250	`rgb(5,78,250)`
RGB Percent	2, 30.6, 98	`rgb(2%,30.6%,98%)`
CMYK	98, 69, 0, 2
HSL	222.1°, 96.1, 50	`hsl(222.1,96.1%,50%)`
HSV (or HSB)	222.1°, 98, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	41.816, 48.379, -89.237
XYZ	20.039, 12.381, 91.771
xyY	0.161, 0.1, 12.381
CIE-LCH	41.816, 101.508, 298.464
CIE-LUV	41.816, -16.973, -128.673
Hunter-Lab	35.187, 40.075, -130.001
Binary	00000101, 01001110, 11111010

#054efa
```
#054efa rgb(5,78,250)
```
#fab105
```
#fab105 rgb(250,177,5)
```

Complementary Color

#05c9fa
```
#05c9fa rgb(5,201,250)
```
#054efa
```
#054efa rgb(5,78,250)
```
#3605fa
```
#3605fa rgb(54,5,250)
```

Analogous Color

#c9fa05
```
#c9fa05 rgb(201,250,5)
```
#054efa
```
#054efa rgb(5,78,250)
```
#fa3605
```
#fa3605 rgb(250,54,5)
```

Split Complementary Color

#4efa05
```
#4efa05 rgb(78,250,5)
```
#054efa
```
#054efa rgb(5,78,250)
```
#fa054e
```
#fa054e rgb(250,5,78)
```

Triadic Color

#05fab1
```
#05fab1 rgb(5,250,177)
```
#054efa
```
#054efa rgb(5,78,250)
```
#fa054e
```
#fa054e rgb(250,5,78)
```
#fab105
```
#fab105 rgb(250,177,5)
```

Tetradic Color

#0337af
```
#0337af rgb(3,55,175)
```
#043ec8
```
#043ec8 rgb(4,62,200)
```
#0446e1
```
#0446e1 rgb(4,70,225)
```
#054efa
```
#054efa rgb(5,78,250)
```
#1e60fb
```
#1e60fb rgb(30,96,251)
```
#3771fb
```
#3771fb rgb(55,113,251)
```
#5083fc
```
#5083fc rgb(80,131,252)
```

Monochromatic Color

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

#058bfa
```
#058bfa rgb(5,139,250)
```
#0577fa
```
#0577fa rgb(5,119,250)
```
#0562fa
```
#0562fa rgb(5,98,250)
```
#054efa
```
#054efa rgb(5,78,250)
```
#053afa
```
#053afa rgb(5,58,250)
```
#0525fa
```
#0525fa rgb(5,37,250)
```
#0511fa
```
#0511fa rgb(5,17,250)
```

Similar Colors

Text with hexadecimal color #054efa

This text has a font color of #054efa.

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

#054efa background color

This paragraph has a background color of #054efa.

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

#054efa border color

This element has a border color of #054efa.

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

CSS codes

.text {color:#054efa;}

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

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

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

#000613
```
#000613 rgb(0,6,19)
```
#010c26
```
#010c26 rgb(1,12,38)
```
#01123a
```
#01123a rgb(1,18,58)
```
#02184d
```
#02184d rgb(2,24,77)
```
#021e60
```
#021e60 rgb(2,30,96)
```
#022473
```
#022473 rgb(2,36,115)
```
#032a87
```
#032a87 rgb(3,42,135)
```
#03309a
```
#03309a rgb(3,48,154)
```
#0336ad
```
#0336ad rgb(3,54,173)
```
#043cc0
```
#043cc0 rgb(4,60,192)
```
#0442d4
```
#0442d4 rgb(4,66,212)
```
#0548e7
```
#0548e7 rgb(5,72,231)
```
#054efa
```
#054efa rgb(5,78,250)
```

Shade Color Variation

#185cfa
```
#185cfa rgb(24,92,250)
```
#2b69fb
```
#2b69fb rgb(43,105,251)
```
#3f77fb
```
#3f77fb rgb(63,119,251)
```
#5284fc
```
#5284fc rgb(82,132,252)
```
#6592fc
```
#6592fc rgb(101,146,252)
```
#78a0fc
```
#78a0fc rgb(120,160,252)
```
#8cadfd
```
#8cadfd rgb(140,173,253)
```
#9fbbfd
```
#9fbbfd rgb(159,187,253)
```
#b2c9fd
```
#b2c9fd rgb(178,201,253)
```
#c5d6fe
```
#c5d6fe rgb(197,214,254)
```
#d9e4fe
```
#d9e4fe rgb(217,228,254)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7e84
```
#7b7e84 rgb(123,126,132)
```
#717a8e
```
#717a8e rgb(113,122,142)
```
#677698
```
#677698 rgb(103,118,152)
```
#5d72a2
```
#5d72a2 rgb(93,114,162)
```
#536eac
```
#536eac rgb(83,110,172)
```
#4a6ab5
```
#4a6ab5 rgb(74,106,181)
```
#4066bf
```
#4066bf rgb(64,102,191)
```
#3662c9
```
#3662c9 rgb(54,98,201)
```
#2c5ed3
```
#2c5ed3 rgb(44,94,211)
```
#225add
```
#225add rgb(34,90,221)
```
#1956e6
```
#1956e6 rgb(25,86,230)
```
#0f52f0
```
#0f52f0 rgb(15,82,240)
```
#054efa
```
#054efa rgb(5,78,250)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#3e4c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#015edb Protanomaly 1% of men, 0.01% of women
#0162ca Deuteranomaly 6% of men, 0.4% of women
#0167a9 Tritanomaly 0.01% of the population

#054efa hex color

#054efa Color Information

#054efa Color Conversion

Color Schemes with #054efa

Alternatives to #054efa

#054efa Preview

Shades and Tints of #054efa

Tones of #054efa

Color Blindness Simulator