#055fdc hex color

In a RGB color space, hex #055fdc is composed of 2% red, 37.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 56.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 214.9 degrees, a saturation of 95.6% and a lightness of 44.1%. #055fdc color hex could be obtained by blending #0abeff with #0000b9. Closest websafe color is: #0066cc.

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

● #055fdc color description : Vivid blue.

The hexadecimal color #055fdc has RGB values of R:5, G:95, B:220 and CMYK values of C:0.98, M:0.57, Y:0, K:0.14. Its decimal value is 352220.

Hex triplet	055fdc	`#055fdc`
RGB Decimal	5, 95, 220	`rgb(5,95,220)`
RGB Percent	2, 37.3, 86.3	`rgb(2%,37.3%,86.3%)`
CMYK	98, 57, 0, 14
HSL	214.9°, 95.6, 44.1	`hsl(214.9,95.6%,44.1%)`
HSV (or HSB)	214.9°, 97.7, 86.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.334, 26.351, -69.811
XYZ	17.07, 13.382, 69.39
xyY	0.171, 0.134, 13.382
CIE-LCH	43.334, 74.618, 290.679
CIE-LUV	43.334, -21.152, -104.552
Hunter-Lab	36.582, 19.275, -86.855
Binary	00000101, 01011111, 11011100

#055fdc
```
#055fdc rgb(5,95,220)
```
#dc8205
```
#dc8205 rgb(220,130,5)
```

Complementary Color

#05cbdc
```
#05cbdc rgb(5,203,220)
```
#055fdc
```
#055fdc rgb(5,95,220)
```
#1605dc
```
#1605dc rgb(22,5,220)
```

Analogous Color

#cbdc05
```
#cbdc05 rgb(203,220,5)
```
#055fdc
```
#055fdc rgb(5,95,220)
```
#dc1605
```
#dc1605 rgb(220,22,5)
```

Split Complementary Color

#5fdc05
```
#5fdc05 rgb(95,220,5)
```
#055fdc
```
#055fdc rgb(5,95,220)
```
#dc055f
```
#dc055f rgb(220,5,95)
```

Triadic Color

#05dc82
```
#05dc82 rgb(5,220,130)
```
#055fdc
```
#055fdc rgb(5,95,220)
```
#dc055f
```
#dc055f rgb(220,5,95)
```
#dc8205
```
#dc8205 rgb(220,130,5)
```

Tetradic Color

#033f91
```
#033f91 rgb(3,63,145)
```
#0449aa
```
#0449aa rgb(4,73,170)
```
#0454c3
```
#0454c3 rgb(4,84,195)
```
#055fdc
```
#055fdc rgb(5,95,220)
```
#066af5
```
#066af5 rgb(6,106,245)
```
#1a78fa
```
#1a78fa rgb(26,120,250)
```
#3387fa
```
#3387fa rgb(51,135,250)
```

Monochromatic Color

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

#0595dc
```
#0595dc rgb(5,149,220)
```
#0583dc
```
#0583dc rgb(5,131,220)
```
#0571dc
```
#0571dc rgb(5,113,220)
```
#055fdc
```
#055fdc rgb(5,95,220)
```
#054ddc
```
#054ddc rgb(5,77,220)
```
#053bdc
```
#053bdc rgb(5,59,220)
```
#0529dc
```
#0529dc rgb(5,41,220)
```

Similar Colors

Text with hexadecimal color #055fdc

This text has a font color of #055fdc.

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

#055fdc background color

This paragraph has a background color of #055fdc.

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

#055fdc border color

This element has a border color of #055fdc.

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

CSS codes

.text {color:#055fdc;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#010c1c
```
#010c1c rgb(1,12,28)
```
#01142f
```
#01142f rgb(1,20,47)
```
#021d43
```
#021d43 rgb(2,29,67)
```
#022556
```
#022556 rgb(2,37,86)
```
#022d69
```
#022d69 rgb(2,45,105)
```
#03367c
```
#03367c rgb(3,54,124)
```
#033e8f
```
#033e8f rgb(3,62,143)
```
#0446a2
```
#0446a2 rgb(4,70,162)
```
#044eb6
```
#044eb6 rgb(4,78,182)
```
#0557c9
```
#0557c9 rgb(5,87,201)
```
#055fdc
```
#055fdc rgb(5,95,220)
```
#0567ef
```
#0567ef rgb(5,103,239)
```

Shade Color Variation

#0f71fa
```
#0f71fa rgb(15,113,250)
```
#227cfa
```
#227cfa rgb(34,124,250)
```
#3588fa
```
#3588fa rgb(53,136,250)
```
#4893fb
```
#4893fb rgb(72,147,251)
```
#5b9efb
```
#5b9efb rgb(91,158,251)
```
#6faafc
```
#6faafc rgb(111,170,252)
```
#82b5fc
```
#82b5fc rgb(130,181,252)
```
#95c0fd
```
#95c0fd rgb(149,192,253)
```
#a8ccfd
```
#a8ccfd rgb(168,204,253)
```
#bbd7fd
```
#bbd7fd rgb(187,215,253)
```
#cee2fe
```
#cee2fe rgb(206,226,254)
```
#e2eefe
```
#e2eefe rgb(226,238,254)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

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

#6d7074
```
#6d7074 rgb(109,112,116)
```
#646e7d
```
#646e7d rgb(100,110,125)
```
#5c6d85
```
#5c6d85 rgb(92,109,133)
```
#536c8e
```
#536c8e rgb(83,108,142)
```
#4a6a97
```
#4a6a97 rgb(74,106,151)
```
#42699f
```
#42699f rgb(66,105,159)
```
#3967a8
```
#3967a8 rgb(57,103,168)
```
#3066b1
```
#3066b1 rgb(48,102,177)
```
#2865b9
```
#2865b9 rgb(40,101,185)
```
#1f63c2
```
#1f63c2 rgb(31,99,194)
```
#1662cb
```
#1662cb rgb(22,98,203)
```
#0e60d3
```
#0e60d3 rgb(14,96,211)
```
#055fdc
```
#055fdc rgb(5,95,220)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#43556e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad1 Protanopia 1% of men
#0070b6 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#0166d5 Protanomaly 1% of men, 0.01% of women
#016ac4 Deuteranomaly 6% of men, 0.4% of women
#016fa1 Tritanomaly 0.01% of the population

#055fdc hex color

#055fdc Color Information

#055fdc Color Conversion

Color Schemes with #055fdc

Alternatives to #055fdc

#055fdc Preview

Shades and Tints of #055fdc

Tones of #055fdc

Color Blindness Simulator