#054ff7 hex color

In a RGB color space, hex #054ff7 is composed of 2% red, 31% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 68% magenta, 0% yellow and 3.1% black. It has a hue angle of 221.7 degrees, a saturation of 96% and a lightness of 49.4%. #054ff7 color hex could be obtained by blending #0a9eff with #0000ef. Closest websafe color is: #0066ff.

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

● #054ff7 color description : Vivid blue.

The hexadecimal color #054ff7 has RGB values of R:5, G:79, B:247 and CMYK values of C:0.98, M:0.68, Y:0, K:0.03. Its decimal value is 348151.

Hex triplet	054ff7	`#054ff7`
RGB Decimal	5, 79, 247	`rgb(5,79,247)`
RGB Percent	2, 31, 96.9	`rgb(2%,31%,96.9%)`
CMYK	98, 68, 0, 3
HSL	221.7°, 96, 49.4	`hsl(221.7,96%,49.4%)`
HSV (or HSB)	221.7°, 98, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	41.748, 46.703, -87.669
XYZ	19.644, 12.338, 89.337
xyY	0.162, 0.102, 12.338
CIE-LCH	41.748, 99.333, 298.045
CIE-LUV	41.748, -17.163, -126.693
Hunter-Lab	35.125, 38.355, -126.208
Binary	00000101, 01001111, 11110111

#054ff7
```
#054ff7 rgb(5,79,247)
```
#f7ad05
```
#f7ad05 rgb(247,173,5)
```

Complementary Color

#05c8f7
```
#05c8f7 rgb(5,200,247)
```
#054ff7
```
#054ff7 rgb(5,79,247)
```
#3405f7
```
#3405f7 rgb(52,5,247)
```

Analogous Color

#c8f705
```
#c8f705 rgb(200,247,5)
```
#054ff7
```
#054ff7 rgb(5,79,247)
```
#f73405
```
#f73405 rgb(247,52,5)
```

Split Complementary Color

#4ff705
```
#4ff705 rgb(79,247,5)
```
#054ff7
```
#054ff7 rgb(5,79,247)
```
#f7054f
```
#f7054f rgb(247,5,79)
```

Triadic Color

#05f7ad
```
#05f7ad rgb(5,247,173)
```
#054ff7
```
#054ff7 rgb(5,79,247)
```
#f7054f
```
#f7054f rgb(247,5,79)
```
#f7ad05
```
#f7ad05 rgb(247,173,5)
```

Tetradic Color

#0337ac
```
#0337ac rgb(3,55,172)
```
#043fc5
```
#043fc5 rgb(4,63,197)
```
#0447de
```
#0447de rgb(4,71,222)
```
#054ff7
```
#054ff7 rgb(5,79,247)
```
#1b5ffa
```
#1b5ffa rgb(27,95,250)
```
#3471fb
```
#3471fb rgb(52,113,251)
```
#4d82fb
```
#4d82fb rgb(77,130,251)
```

Monochromatic Color

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

#058cf7
```
#058cf7 rgb(5,140,247)
```
#0577f7
```
#0577f7 rgb(5,119,247)
```
#0563f7
```
#0563f7 rgb(5,99,247)
```
#054ff7
```
#054ff7 rgb(5,79,247)
```
#053bf7
```
#053bf7 rgb(5,59,247)
```
#0527f7
```
#0527f7 rgb(5,39,247)
```
#0512f7
```
#0512f7 rgb(5,18,247)
```

Similar Colors

Text with hexadecimal color #054ff7

This text has a font color of #054ff7.

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

#054ff7 background color

This paragraph has a background color of #054ff7.

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

#054ff7 border color

This element has a border color of #054ff7.

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

CSS codes

.text {color:#054ff7;}

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

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

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

#000510
```
#000510 rgb(0,5,16)
```
#010b24
```
#010b24 rgb(1,11,36)
```
#011237
```
#011237 rgb(1,18,55)
```
#01184a
```
#01184a rgb(1,24,74)
```
#021e5d
```
#021e5d rgb(2,30,93)
```
#022470
```
#022470 rgb(2,36,112)
```
#032a84
```
#032a84 rgb(3,42,132)
```
#033097
```
#033097 rgb(3,48,151)
```
#0336aa
```
#0336aa rgb(3,54,170)
```
#043dbd
```
#043dbd rgb(4,61,189)
```
#0443d1
```
#0443d1 rgb(4,67,209)
```
#0549e4
```
#0549e4 rgb(5,73,228)
```
#054ff7
```
#054ff7 rgb(5,79,247)
```

Shade Color Variation

#155bfa
```
#155bfa rgb(21,91,250)
```
#2969fb
```
#2969fb rgb(41,105,251)
```
#3c76fb
```
#3c76fb rgb(60,118,251)
```
#4f84fb
```
#4f84fb rgb(79,132,251)
```
#6291fc
```
#6291fc rgb(98,145,252)
```
#759ffc
```
#759ffc rgb(117,159,252)
```
#89acfd
```
#89acfd rgb(137,172,253)
```
#9cbafd
```
#9cbafd rgb(156,186,253)
```
#afc7fd
```
#afc7fd rgb(175,199,253)
```
#c2d5fe
```
#c2d5fe rgb(194,213,254)
```
#d6e2fe
```
#d6e2fe rgb(214,226,254)
```
#e9efff
```
#e9efff rgb(233,239,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#797c83
```
#797c83 rgb(121,124,131)
```
#70788c
```
#70788c rgb(112,120,140)
```
#667596
```
#667596 rgb(102,117,150)
```
#5c71a0
```
#5c71a0 rgb(92,113,160)
```
#536da9
```
#536da9 rgb(83,109,169)
```
#4969b3
```
#4969b3 rgb(73,105,179)
```
#3f66bd
```
#3f66bd rgb(63,102,189)
```
#3562c7
```
#3562c7 rgb(53,98,199)
```
#2c5ed0
```
#2c5ed0 rgb(44,94,208)
```
#225ada
```
#225ada rgb(34,90,218)
```
#1857e4
```
#1857e4 rgb(24,87,228)
```
#0f53ed
```
#0f53ed rgb(15,83,237)
```
#054ff7
```
#054ff7 rgb(5,79,247)
```

Tone Color Variation

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

#015eda Protanomaly 1% of men, 0.01% of women
#0162c8 Deuteranomaly 6% of men, 0.4% of women
#0167a7 Tritanomaly 0.01% of the population

#054ff7 hex color

#054ff7 Color Information

#054ff7 Color Conversion

Color Schemes with #054ff7

Alternatives to #054ff7

#054ff7 Preview

Shades and Tints of #054ff7

Tones of #054ff7

Color Blindness Simulator