#055ad2 hex color

In a RGB color space, hex #055ad2 is composed of 2% red, 35.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 57.1% magenta, 0% yellow and 17.6% black. It has a hue angle of 215.1 degrees, a saturation of 95.3% and a lightness of 42.2%. #055ad2 color hex could be obtained by blending #0ab4ff with #0000a5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 35
- B 82
RGB color chart
- C 98
- M 57
- Y 0
- K 18
CMYK color chart

● #055ad2 color description : Strong blue.

The hexadecimal color #055ad2 has RGB values of R:5, G:90, B:210 and CMYK values of C:0.98, M:0.57, Y:0, K:0.18. Its decimal value is 350930.

Hex triplet	055ad2	`#055ad2`
RGB Decimal	5, 90, 210	`rgb(5,90,210)`
RGB Percent	2, 35.3, 82.4	`rgb(2%,35.3%,82.4%)`
CMYK	98, 57, 0, 18
HSL	215.1°, 95.3, 42.2	`hsl(215.1,95.3%,42.2%)`
HSV (or HSB)	215.1°, 97.6, 82.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.21, 25.685, -67.555
XYZ	15.349, 11.996, 62.476
xyY	0.171, 0.134, 11.996
CIE-LCH	41.21, 72.273, 290.817
CIE-LUV	41.21, -20.047, -99.771
Hunter-Lab	34.636, 18.491, -82.702
Binary	00000101, 01011010, 11010010

#055ad2
```
#055ad2 rgb(5,90,210)
```
#d27d05
```
#d27d05 rgb(210,125,5)
```

Complementary Color

#05c1d2
```
#05c1d2 rgb(5,193,210)
```
#055ad2
```
#055ad2 rgb(5,90,210)
```
#1605d2
```
#1605d2 rgb(22,5,210)
```

Analogous Color

#c1d205
```
#c1d205 rgb(193,210,5)
```
#055ad2
```
#055ad2 rgb(5,90,210)
```
#d21605
```
#d21605 rgb(210,22,5)
```

Split Complementary Color

#5ad205
```
#5ad205 rgb(90,210,5)
```
#055ad2
```
#055ad2 rgb(5,90,210)
```
#d2055a
```
#d2055a rgb(210,5,90)
```

Triadic Color

#05d27d
```
#05d27d rgb(5,210,125)
```
#055ad2
```
#055ad2 rgb(5,90,210)
```
#d2055a
```
#d2055a rgb(210,5,90)
```
#d27d05
```
#d27d05 rgb(210,125,5)
```

Tetradic Color

#033a87
```
#033a87 rgb(3,58,135)
```
#0445a0
```
#0445a0 rgb(4,69,160)
```
#044fb9
```
#044fb9 rgb(4,79,185)
```
#055ad2
```
#055ad2 rgb(5,90,210)
```
#0665eb
```
#0665eb rgb(6,101,235)
```
#1171f9
```
#1171f9 rgb(17,113,249)
```
#2a80fa
```
#2a80fa rgb(42,128,250)
```

Monochromatic Color

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

#058dd2
```
#058dd2 rgb(5,141,210)
```
#057cd2
```
#057cd2 rgb(5,124,210)
```
#056bd2
```
#056bd2 rgb(5,107,210)
```
#055ad2
```
#055ad2 rgb(5,90,210)
```
#0549d2
```
#0549d2 rgb(5,73,210)
```
#0538d2
```
#0538d2 rgb(5,56,210)
```
#0527d2
```
#0527d2 rgb(5,39,210)
```

Similar Colors

Text with hexadecimal color #055ad2

This text has a font color of #055ad2.

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

#055ad2 background color

This paragraph has a background color of #055ad2.

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

#055ad2 border color

This element has a border color of #055ad2.

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

CSS codes

.text {color:#055ad2;}

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

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

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

#000812
```
#000812 rgb(0,8,18)
```
#011026
```
#011026 rgb(1,16,38)
```
#011839
```
#011839 rgb(1,24,57)
```
#02214c
```
#02214c rgb(2,33,76)
```
#02295f
```
#02295f rgb(2,41,95)
```
#033172
```
#033172 rgb(3,49,114)
```
#033985
```
#033985 rgb(3,57,133)
```
#044199
```
#044199 rgb(4,65,153)
```
#044aac
```
#044aac rgb(4,74,172)
```
#0552bf
```
#0552bf rgb(5,82,191)
```
#055ad2
```
#055ad2 rgb(5,90,210)
```
#0562e5
```
#0562e5 rgb(5,98,229)
```
#066af8
```
#066af8 rgb(6,106,248)
```

Shade Color Variation

#1876fa
```
#1876fa rgb(24,118,250)
```
#2b81fa
```
#2b81fa rgb(43,129,250)
```
#3f8dfa
```
#3f8dfa rgb(63,141,250)
```
#5298fb
```
#5298fb rgb(82,152,251)
```
#65a3fb
```
#65a3fb rgb(101,163,251)
```
#78affc
```
#78affc rgb(120,175,252)
```
#8bbafc
```
#8bbafc rgb(139,186,252)
```
#9ec6fd
```
#9ec6fd rgb(158,198,253)
```
#b2d1fd
```
#b2d1fd rgb(178,209,253)
```
#c5dcfe
```
#c5dcfe rgb(197,220,254)
```
#d8e8fe
```
#d8e8fe rgb(216,232,254)
```
#ebf3ff
```
#ebf3ff rgb(235,243,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#686b6f
```
#686b6f rgb(104,107,111)
```
#606a77
```
#606a77 rgb(96,106,119)
```
#58687f
```
#58687f rgb(88,104,127)
```
#4f6788
```
#4f6788 rgb(79,103,136)
```
#476590
```
#476590 rgb(71,101,144)
```
#3f6498
```
#3f6498 rgb(63,100,152)
```
#3762a0
```
#3762a0 rgb(55,98,160)
```
#2e61a9
```
#2e61a9 rgb(46,97,169)
```
#2660b1
```
#2660b1 rgb(38,96,177)
```
#1e5eb9
```
#1e5eb9 rgb(30,94,185)
```
#165dc1
```
#165dc1 rgb(22,93,193)
```
#0d5bca
```
#0d5bca rgb(13,91,202)
```
#055ad2
```
#055ad2 rgb(5,90,210)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#3f5068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006bae Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0161cb Protanomaly 1% of men, 0.01% of women
#0165bb Deuteranomaly 6% of men, 0.4% of women
#016a99 Tritanomaly 0.01% of the population

#055ad2 hex color

#055ad2 Color Information

#055ad2 Color Conversion

Color Schemes with #055ad2

Alternatives to #055ad2

#055ad2 Preview

Shades and Tints of #055ad2

Tones of #055ad2

Color Blindness Simulator