#055fde hex color

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

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

● #055fde color description : Vivid blue.

The hexadecimal color #055fde has RGB values of R:5, G:95, B:222 and CMYK values of C:0.98, M:0.57, Y:0, K:0.13. Its decimal value is 352222.

Hex triplet	055fde	`#055fde`
RGB Decimal	5, 95, 222	`rgb(5,95,222)`
RGB Percent	2, 37.3, 87.1	`rgb(2%,37.3%,87.1%)`
CMYK	98, 57, 0, 13
HSL	215.1°, 95.6, 44.5	`hsl(215.1,95.6%,44.5%)`
HSV (or HSB)	215.1°, 97.7, 87.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.491, 27.134, -70.693
XYZ	17.337, 13.489, 70.793
xyY	0.171, 0.133, 13.489
CIE-LCH	43.491, 75.721, 290.998
CIE-LUV	43.491, -21.108, -105.924
Hunter-Lab	36.727, 19.986, -88.574
Binary	00000101, 01011111, 11011110

#055fde
```
#055fde rgb(5,95,222)
```
#de8405
```
#de8405 rgb(222,132,5)
```

Complementary Color

#05ccde
```
#05ccde rgb(5,204,222)
```
#055fde
```
#055fde rgb(5,95,222)
```
#1705de
```
#1705de rgb(23,5,222)
```

Analogous Color

#ccde05
```
#ccde05 rgb(204,222,5)
```
#055fde
```
#055fde rgb(5,95,222)
```
#de1705
```
#de1705 rgb(222,23,5)
```

Split Complementary Color

#5fde05
```
#5fde05 rgb(95,222,5)
```
#055fde
```
#055fde rgb(5,95,222)
```
#de055f
```
#de055f rgb(222,5,95)
```

Triadic Color

#05de84
```
#05de84 rgb(5,222,132)
```
#055fde
```
#055fde rgb(5,95,222)
```
#de055f
```
#de055f rgb(222,5,95)
```
#de8405
```
#de8405 rgb(222,132,5)
```

Tetradic Color

#033f93
```
#033f93 rgb(3,63,147)
```
#044aac
```
#044aac rgb(4,74,172)
```
#0454c5
```
#0454c5 rgb(4,84,197)
```
#055fde
```
#055fde rgb(5,95,222)
```
#066af7
```
#066af7 rgb(6,106,247)
```
#1c78fa
```
#1c78fa rgb(28,120,250)
```
#3587fa
```
#3587fa rgb(53,135,250)
```

Monochromatic Color

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

#0595de
```
#0595de rgb(5,149,222)
```
#0583de
```
#0583de rgb(5,131,222)
```
#0571de
```
#0571de rgb(5,113,222)
```
#055fde
```
#055fde rgb(5,95,222)
```
#054dde
```
#054dde rgb(5,77,222)
```
#053bde
```
#053bde rgb(5,59,222)
```
#0529de
```
#0529de rgb(5,41,222)
```

Similar Colors

Text with hexadecimal color #055fde

This text has a font color of #055fde.

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

#055fde background color

This paragraph has a background color of #055fde.

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

#055fde border color

This element has a border color of #055fde.

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

CSS codes

.text {color:#055fde;}

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

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

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

#00050b
```
#00050b rgb(0,5,11)
```
#010d1e
```
#010d1e rgb(1,13,30)
```
#011531
```
#011531 rgb(1,21,49)
```
#021d45
```
#021d45 rgb(2,29,69)
```
#022658
```
#022658 rgb(2,38,88)
```
#022e6b
```
#022e6b rgb(2,46,107)
```
#03367e
```
#03367e rgb(3,54,126)
```
#033e91
```
#033e91 rgb(3,62,145)
```
#0446a4
```
#0446a4 rgb(4,70,164)
```
#044fb8
```
#044fb8 rgb(4,79,184)
```
#0557cb
```
#0557cb rgb(5,87,203)
```
#055fde
```
#055fde rgb(5,95,222)
```
#0567f1
```
#0567f1 rgb(5,103,241)
```

Shade Color Variation

#1171fa
```
#1171fa rgb(17,113,250)
```
#247dfa
```
#247dfa rgb(36,125,250)
```
#3788fa
```
#3788fa rgb(55,136,250)
```
#4a93fb
```
#4a93fb rgb(74,147,251)
```
#5d9ffb
```
#5d9ffb rgb(93,159,251)
```
#71aafc
```
#71aafc rgb(113,170,252)
```
#84b6fc
```
#84b6fc rgb(132,182,252)
```
#97c1fd
```
#97c1fd rgb(151,193,253)
```
#aaccfd
```
#aaccfd rgb(170,204,253)
```
#bdd8fe
```
#bdd8fe rgb(189,216,254)
```
#d0e3fe
```
#d0e3fe rgb(208,227,254)
```
#e4effe
```
#e4effe rgb(228,239,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#6e7175
```
#6e7175 rgb(110,113,117)
```
#656f7e
```
#656f7e rgb(101,111,126)
```
#5c6e87
```
#5c6e87 rgb(92,110,135)
```
#546c8f
```
#546c8f rgb(84,108,143)
```
#4b6b98
```
#4b6b98 rgb(75,107,152)
```
#4269a1
```
#4269a1 rgb(66,105,161)
```
#3968aa
```
#3968aa rgb(57,104,170)
```
#3166b2
```
#3166b2 rgb(49,102,178)
```
#2865bb
```
#2865bb rgb(40,101,187)
```
#1f63c4
```
#1f63c4 rgb(31,99,196)
```
#1662cd
```
#1662cd rgb(22,98,205)
```
#0e60d5
```
#0e60d5 rgb(14,96,213)
```
#055fde
```
#055fde rgb(5,95,222)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#43556f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#0166d6 Protanomaly 1% of men, 0.01% of women
#016ac5 Deuteranomaly 6% of men, 0.4% of women
#016fa2 Tritanomaly 0.01% of the population

#055fde hex color

#055fde Color Information

#055fde Color Conversion

Color Schemes with #055fde

Alternatives to #055fde

#055fde Preview

Shades and Tints of #055fde

Tones of #055fde

Color Blindness Simulator