#054ef2 hex color

In a RGB color space, hex #054ef2 is composed of 2% red, 30.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 67.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 221.5 degrees, a saturation of 96% and a lightness of 48.4%. #054ef2 color hex could be obtained by blending #0a9cff with #0000e5. Closest websafe color is: #0066ff.

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

● #054ef2 color description : Vivid blue.

The hexadecimal color #054ef2 has RGB values of R:5, G:78, B:242 and CMYK values of C:0.98, M:0.68, Y:0, K:0.05. Its decimal value is 347890.

Hex triplet	054ef2	`#054ef2`
RGB Decimal	5, 78, 242	`rgb(5,78,242)`
RGB Percent	2, 30.6, 94.9	`rgb(2%,30.6%,94.9%)`
CMYK	98, 68, 0, 5
HSL	221.5°, 96, 48.4	`hsl(221.5,96%,48.4%)`
HSV (or HSB)	221.5°, 97.9, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	41.041, 45.512, -86.027
XYZ	18.811, 11.89, 85.303
xyY	0.162, 0.102, 11.89
CIE-LCH	41.041, 97.324, 297.881
CIE-LUV	41.041, -16.95, -123.857
Hunter-Lab	34.482, 37.031, -122.536
Binary	00000101, 01001110, 11110010

#054ef2
```
#054ef2 rgb(5,78,242)
```
#f2a905
```
#f2a905 rgb(242,169,5)
```

Complementary Color

#05c5f2
```
#05c5f2 rgb(5,197,242)
```
#054ef2
```
#054ef2 rgb(5,78,242)
```
#3305f2
```
#3305f2 rgb(51,5,242)
```

Analogous Color

#c5f205
```
#c5f205 rgb(197,242,5)
```
#054ef2
```
#054ef2 rgb(5,78,242)
```
#f23305
```
#f23305 rgb(242,51,5)
```

Split Complementary Color

#4ef205
```
#4ef205 rgb(78,242,5)
```
#054ef2
```
#054ef2 rgb(5,78,242)
```
#f2054e
```
#f2054e rgb(242,5,78)
```

Triadic Color

#05f2a9
```
#05f2a9 rgb(5,242,169)
```
#054ef2
```
#054ef2 rgb(5,78,242)
```
#f2054e
```
#f2054e rgb(242,5,78)
```
#f2a905
```
#f2a905 rgb(242,169,5)
```

Tetradic Color

#0336a7
```
#0336a7 rgb(3,54,167)
```
#043ec0
```
#043ec0 rgb(4,62,192)
```
#0446d9
```
#0446d9 rgb(4,70,217)
```
#054ef2
```
#054ef2 rgb(5,78,242)
```
#165dfa
```
#165dfa rgb(22,93,250)
```
#2f6efb
```
#2f6efb rgb(47,110,251)
```
#487ffb
```
#487ffb rgb(72,127,251)
```

Monochromatic Color

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

#0589f2
```
#0589f2 rgb(5,137,242)
```
#0576f2
```
#0576f2 rgb(5,118,242)
```
#0562f2
```
#0562f2 rgb(5,98,242)
```
#054ef2
```
#054ef2 rgb(5,78,242)
```
#053af2
```
#053af2 rgb(5,58,242)
```
#0527f2
```
#0527f2 rgb(5,39,242)
```
#0513f2
```
#0513f2 rgb(5,19,242)
```

Similar Colors

Text with hexadecimal color #054ef2

This text has a font color of #054ef2.

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

#054ef2 background color

This paragraph has a background color of #054ef2.

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

#054ef2 border color

This element has a border color of #054ef2.

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

CSS codes

.text {color:#054ef2;}

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

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

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, #00040b is the darkest color, while #f7faff is the lightest one.

#00040b
```
#00040b rgb(0,4,11)
```
#010a1f
```
#010a1f rgb(1,10,31)
```
#011032
```
#011032 rgb(1,16,50)
```
#011645
```
#011645 rgb(1,22,69)
```
#021c58
```
#021c58 rgb(2,28,88)
```
#02236b
```
#02236b rgb(2,35,107)
```
#03297f
```
#03297f rgb(3,41,127)
```
#032f92
```
#032f92 rgb(3,47,146)
```
#0335a5
```
#0335a5 rgb(3,53,165)
```
#043bb8
```
#043bb8 rgb(4,59,184)
```
#0442cc
```
#0442cc rgb(4,66,204)
```
#0548df
```
#0548df rgb(5,72,223)
```
#054ef2
```
#054ef2 rgb(5,78,242)
```

Shade Color Variation

#1158fa
```
#1158fa rgb(17,88,250)
```
#2466fa
```
#2466fa rgb(36,102,250)
```
#3773fb
```
#3773fb rgb(55,115,251)
```
#4a81fb
```
#4a81fb rgb(74,129,251)
```
#5d8efc
```
#5d8efc rgb(93,142,252)
```
#719cfc
```
#719cfc rgb(113,156,252)
```
#84a9fc
```
#84a9fc rgb(132,169,252)
```
#97b6fd
```
#97b6fd rgb(151,182,253)
```
#aac4fd
```
#aac4fd rgb(170,196,253)
```
#bed1fe
```
#bed1fe rgb(190,209,254)
```
#d1dffe
```
#d1dffe rgb(209,223,254)
```
#e4ecfe
```
#e4ecfe rgb(228,236,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#777a80
```
#777a80 rgb(119,122,128)
```
#6e768a
```
#6e768a rgb(110,118,138)
```
#647293
```
#647293 rgb(100,114,147)
```
#5b6f9d
```
#5b6f9d rgb(91,111,157)
```
#516ba6
```
#516ba6 rgb(81,107,166)
```
#4868b0
```
#4868b0 rgb(72,104,176)
```
#3e64b9
```
#3e64b9 rgb(62,100,185)
```
#3560c3
```
#3560c3 rgb(53,96,195)
```
#2b5dcc
```
#2b5dcc rgb(43,93,204)
```
#2259d6
```
#2259d6 rgb(34,89,214)
```
#1855df
```
#1855df rgb(24,85,223)
```
#0f52e9
```
#0f52e9 rgb(15,82,233)
```
#054ef2
```
#054ef2 rgb(5,78,242)
```

Tone Color Variation

Below, you can see how #054ef2 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
#3d4c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#007378 Tritanopia 0.001% of the population

Trichromacy

#015dd6 Protanomaly 1% of men, 0.01% of women
#0161c5 Deuteranomaly 6% of men, 0.4% of women
#0165a4 Tritanomaly 0.01% of the population

#054ef2 hex color

#054ef2 Color Information

#054ef2 Color Conversion

Color Schemes with #054ef2

Alternatives to #054ef2

#054ef2 Preview

Shades and Tints of #054ef2

Tones of #054ef2

Color Blindness Simulator