#054fde hex color

In a RGB color space, hex #054fde is composed of 2% red, 31% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 64.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 219.5 degrees, a saturation of 95.6% and a lightness of 44.5%. #054fde color hex could be obtained by blending #0a9eff with #0000bd. Closest websafe color is: #0066cc.

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

● #054fde color description : Vivid blue.

The hexadecimal color #054fde has RGB values of R:5, G:79, B:222 and CMYK values of C:0.98, M:0.64, Y:0, K:0.13. Its decimal value is 348126.

Hex triplet	054fde	`#054fde`
RGB Decimal	5, 79, 222	`rgb(5,79,222)`
RGB Percent	2, 31, 87.1	`rgb(2%,31%,87.1%)`
CMYK	98, 64, 0, 13
HSL	219.5°, 95.6, 44.5	`hsl(219.5,95.6%,44.5%)`
HSV (or HSB)	219.5°, 97.7, 87.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.406, 37.491, -77.383
XYZ	16.041, 10.897, 70.361
xyY	0.165, 0.112, 10.897
CIE-LCH	39.406, 85.986, 295.85
CIE-LUV	39.406, -17.194, -111.289
Hunter-Lab	33.01, 28.97, -103.269
Binary	00000101, 01001111, 11011110

#054fde
```
#054fde rgb(5,79,222)
```
#de9405
```
#de9405 rgb(222,148,5)
```

Complementary Color

#05bcde
```
#05bcde rgb(5,188,222)
```
#054fde
```
#054fde rgb(5,79,222)
```
#2805de
```
#2805de rgb(40,5,222)
```

Analogous Color

#bcde05
```
#bcde05 rgb(188,222,5)
```
#054fde
```
#054fde rgb(5,79,222)
```
#de2805
```
#de2805 rgb(222,40,5)
```

Split Complementary Color

#4fde05
```
#4fde05 rgb(79,222,5)
```
#054fde
```
#054fde rgb(5,79,222)
```
#de054f
```
#de054f rgb(222,5,79)
```

Triadic Color

#05de94
```
#05de94 rgb(5,222,148)
```
#054fde
```
#054fde rgb(5,79,222)
```
#de054f
```
#de054f rgb(222,5,79)
```
#de9405
```
#de9405 rgb(222,148,5)
```

Tetradic Color

#033493
```
#033493 rgb(3,52,147)
```
#043dac
```
#043dac rgb(4,61,172)
```
#0446c5
```
#0446c5 rgb(4,70,197)
```
#054fde
```
#054fde rgb(5,79,222)
```
#0658f7
```
#0658f7 rgb(6,88,247)
```
#1c68fa
```
#1c68fa rgb(28,104,250)
```
#3578fa
```
#3578fa rgb(53,120,250)
```

Monochromatic Color

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

#0585de
```
#0585de rgb(5,133,222)
```
#0573de
```
#0573de rgb(5,115,222)
```
#0561de
```
#0561de rgb(5,97,222)
```
#054fde
```
#054fde rgb(5,79,222)
```
#053dde
```
#053dde rgb(5,61,222)
```
#052bde
```
#052bde rgb(5,43,222)
```
#0519de
```
#0519de rgb(5,25,222)
```

Similar Colors

Text with hexadecimal color #054fde

This text has a font color of #054fde.

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

#054fde background color

This paragraph has a background color of #054fde.

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

#054fde border color

This element has a border color of #054fde.

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

CSS codes

.text {color:#054fde;}

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

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

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)
```
#010b1e
```
#010b1e rgb(1,11,30)
```
#011231
```
#011231 rgb(1,18,49)
```
#021845
```
#021845 rgb(2,24,69)
```
#021f58
```
#021f58 rgb(2,31,88)
```
#02266b
```
#02266b rgb(2,38,107)
```
#032d7e
```
#032d7e rgb(3,45,126)
```
#033491
```
#033491 rgb(3,52,145)
```
#043ba4
```
#043ba4 rgb(4,59,164)
```
#0441b8
```
#0441b8 rgb(4,65,184)
```
#0548cb
```
#0548cb rgb(5,72,203)
```
#054fde
```
#054fde rgb(5,79,222)
```
#0556f1
```
#0556f1 rgb(5,86,241)
```

Shade Color Variation

#1160fa
```
#1160fa rgb(17,96,250)
```
#246dfa
```
#246dfa rgb(36,109,250)
```
#377afa
```
#377afa rgb(55,122,250)
```
#4a86fb
```
#4a86fb rgb(74,134,251)
```
#5d93fb
```
#5d93fb rgb(93,147,251)
```
#71a0fc
```
#71a0fc rgb(113,160,252)
```
#84adfc
```
#84adfc rgb(132,173,252)
```
#97bafd
```
#97bafd rgb(151,186,253)
```
#aac6fd
```
#aac6fd rgb(170,198,253)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```
#d0e0fe
```
#d0e0fe rgb(208,224,254)
```
#e4edfe
```
#e4edfe rgb(228,237,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#6e7075
```
#6e7075 rgb(110,112,117)
```
#656e7e
```
#656e7e rgb(101,110,126)
```
#5c6b87
```
#5c6b87 rgb(92,107,135)
```
#54688f
```
#54688f rgb(84,104,143)
```
#4b6598
```
#4b6598 rgb(75,101,152)
```
#4262a1
```
#4262a1 rgb(66,98,161)
```
#3960aa
```
#3960aa rgb(57,96,170)
```
#315db2
```
#315db2 rgb(49,93,178)
```
#285abb
```
#285abb rgb(40,90,187)
```
#1f57c4
```
#1f57c4 rgb(31,87,196)
```
#1655cd
```
#1655cd rgb(22,85,205)
```
#0e52d5
```
#0e52d5 rgb(14,82,213)
```
#054fde
```
#054fde rgb(5,79,222)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3b4a67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#015bca Protanomaly 1% of men, 0.01% of women
#015eba Deuteranomaly 6% of men, 0.4% of women
#01639a Tritanomaly 0.01% of the population

#054fde hex color

#054fde Color Information

#054fde Color Conversion

Color Schemes with #054fde

Alternatives to #054fde

#054fde Preview

Shades and Tints of #054fde

Tones of #054fde

Color Blindness Simulator