#054cf7 hex color

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

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

● #054cf7 color description : Vivid blue.

The hexadecimal color #054cf7 has RGB values of R:5, G:76, B:247 and CMYK values of C:0.98, M:0.69, Y:0, K:0.03. Its decimal value is 347383.

Hex triplet	054cf7	`#054cf7`
RGB Decimal	5, 76, 247	`rgb(5,76,247)`
RGB Percent	2, 29.8, 96.9	`rgb(2%,29.8%,96.9%)`
CMYK	98, 69, 0, 3
HSL	222.4°, 96, 49.4	`hsl(222.4,96%,49.4%)`
HSV (or HSB)	222.4°, 98, 96.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	41.081, 48.516, -88.771
XYZ	19.432, 11.915, 89.266
xyY	0.161, 0.099, 11.915
CIE-LCH	41.081, 101.163, 298.658
CIE-LUV	41.081, -16.569, -127.209
Hunter-Lab	34.518, 40.081, -129.166
Binary	00000101, 01001100, 11110111

#054cf7
```
#054cf7 rgb(5,76,247)
```
#f7b005
```
#f7b005 rgb(247,176,5)
```

Complementary Color

#05c5f7
```
#05c5f7 rgb(5,197,247)
```
#054cf7
```
#054cf7 rgb(5,76,247)
```
#3705f7
```
#3705f7 rgb(55,5,247)
```

Analogous Color

#c5f705
```
#c5f705 rgb(197,247,5)
```
#054cf7
```
#054cf7 rgb(5,76,247)
```
#f73705
```
#f73705 rgb(247,55,5)
```

Split Complementary Color

#4cf705
```
#4cf705 rgb(76,247,5)
```
#054cf7
```
#054cf7 rgb(5,76,247)
```
#f7054c
```
#f7054c rgb(247,5,76)
```

Triadic Color

#05f7b0
```
#05f7b0 rgb(5,247,176)
```
#054cf7
```
#054cf7 rgb(5,76,247)
```
#f7054c
```
#f7054c rgb(247,5,76)
```
#f7b005
```
#f7b005 rgb(247,176,5)
```

Tetradic Color

#0335ac
```
#0335ac rgb(3,53,172)
```
#043dc5
```
#043dc5 rgb(4,61,197)
```
#0444de
```
#0444de rgb(4,68,222)
```
#054cf7
```
#054cf7 rgb(5,76,247)
```
#1b5dfa
```
#1b5dfa rgb(27,93,250)
```
#346efb
```
#346efb rgb(52,110,251)
```
#4d80fb
```
#4d80fb rgb(77,128,251)
```

Monochromatic Color

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

#0589f7
```
#0589f7 rgb(5,137,247)
```
#0574f7
```
#0574f7 rgb(5,116,247)
```
#0560f7
```
#0560f7 rgb(5,96,247)
```
#054cf7
```
#054cf7 rgb(5,76,247)
```
#0538f7
```
#0538f7 rgb(5,56,247)
```
#0524f7
```
#0524f7 rgb(5,36,247)
```
#050ff7
```
#050ff7 rgb(5,15,247)
```

Similar Colors

Text with hexadecimal color #054cf7

This text has a font color of #054cf7.

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

#054cf7 background color

This paragraph has a background color of #054cf7.

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

#054cf7 border color

This element has a border color of #054cf7.

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

CSS codes

.text {color:#054cf7;}

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

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

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)
```
#011137
```
#011137 rgb(1,17,55)
```
#01174a
```
#01174a rgb(1,23,74)
```
#021d5d
```
#021d5d rgb(2,29,93)
```
#022370
```
#022370 rgb(2,35,112)
```
#032984
```
#032984 rgb(3,41,132)
```
#032e97
```
#032e97 rgb(3,46,151)
```
#0334aa
```
#0334aa rgb(3,52,170)
```
#043abd
```
#043abd rgb(4,58,189)
```
#0440d1
```
#0440d1 rgb(4,64,209)
```
#0546e4
```
#0546e4 rgb(5,70,228)
```
#054cf7
```
#054cf7 rgb(5,76,247)
```

Shade Color Variation

#1559fa
```
#1559fa rgb(21,89,250)
```
#2966fb
```
#2966fb rgb(41,102,251)
```
#3c74fb
```
#3c74fb rgb(60,116,251)
```
#4f82fb
```
#4f82fb rgb(79,130,251)
```
#628ffc
```
#628ffc rgb(98,143,252)
```
#759dfc
```
#759dfc rgb(117,157,252)
```
#89abfd
```
#89abfd rgb(137,171,253)
```
#9cb8fd
```
#9cb8fd rgb(156,184,253)
```
#afc6fd
```
#afc6fd rgb(175,198,253)
```
#c2d4fe
```
#c2d4fe rgb(194,212,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 #054cf7 is the most saturated one.

#797c83
```
#797c83 rgb(121,124,131)
```
#70788c
```
#70788c rgb(112,120,140)
```
#667496
```
#667496 rgb(102,116,150)
```
#5c70a0
```
#5c70a0 rgb(92,112,160)
```
#536ca9
```
#536ca9 rgb(83,108,169)
```
#4968b3
```
#4968b3 rgb(73,104,179)
```
#3f64bd
```
#3f64bd rgb(63,100,189)
```
#3560c7
```
#3560c7 rgb(53,96,199)
```
#2c5cd0
```
#2c5cd0 rgb(44,92,208)
```
#2258da
```
#2258da rgb(34,88,218)
```
#1854e4
```
#1854e4 rgb(24,84,228)
```
#0f50ed
```
#0f50ed rgb(15,80,237)
```
#054cf7
```
#054cf7 rgb(5,76,247)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3c4a6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007378 Tritanopia 0.001% of the population

Trichromacy

#015cd8 Protanomaly 1% of men, 0.01% of women
#0160c7 Deuteranomaly 6% of men, 0.4% of women
#0165a6 Tritanomaly 0.01% of the population

#054cf7 hex color

#054cf7 Color Information

#054cf7 Color Conversion

Color Schemes with #054cf7

Alternatives to #054cf7

#054cf7 Preview

Shades and Tints of #054cf7

Tones of #054cf7

Color Blindness Simulator