#0556fa hex color

In a RGB color space, hex #0556fa is composed of 2% red, 33.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 65.6% magenta, 0% yellow and 2% black. It has a hue angle of 220.2 degrees, a saturation of 96.1% and a lightness of 50%. #0556fa color hex could be obtained by blending #0aacff with #0000f5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 34
- B 98
RGB color chart
- C 98
- M 66
- Y 0
- K 2
CMYK color chart

● #0556fa color description : Vivid blue.

The hexadecimal color #0556fa has RGB values of R:5, G:86, B:250 and CMYK values of C:0.98, M:0.66, Y:0, K:0.02. Its decimal value is 349946.

Hex triplet	0556fa	`#0556fa`
RGB Decimal	5, 86, 250	`rgb(5,86,250)`
RGB Percent	2, 33.7, 98	`rgb(2%,33.7%,98%)`
CMYK	98, 66, 0, 2
HSL	220.2°, 96.1, 50	`hsl(220.2,96.1%,50%)`
HSV (or HSB)	220.2°, 98, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.636, 43.49, -86.237
XYZ	20.642, 13.588, 91.972
xyY	0.164, 0.108, 13.588
CIE-LCH	43.636, 96.582, 296.762
CIE-LUV	43.636, -18.623, -127.033
Hunter-Lab	36.862, 35.447, -122.126
Binary	00000101, 01010110, 11111010

#0556fa
```
#0556fa rgb(5,86,250)
```
#faa905
```
#faa905 rgb(250,169,5)
```

Complementary Color

#05d1fa
```
#05d1fa rgb(5,209,250)
```
#0556fa
```
#0556fa rgb(5,86,250)
```
#2f05fa
```
#2f05fa rgb(47,5,250)
```

Analogous Color

#d1fa05
```
#d1fa05 rgb(209,250,5)
```
#0556fa
```
#0556fa rgb(5,86,250)
```
#fa2f05
```
#fa2f05 rgb(250,47,5)
```

Split Complementary Color

#56fa05
```
#56fa05 rgb(86,250,5)
```
#0556fa
```
#0556fa rgb(5,86,250)
```
#fa0556
```
#fa0556 rgb(250,5,86)
```

Triadic Color

#05faa9
```
#05faa9 rgb(5,250,169)
```
#0556fa
```
#0556fa rgb(5,86,250)
```
#fa0556
```
#fa0556 rgb(250,5,86)
```
#faa905
```
#faa905 rgb(250,169,5)
```

Tetradic Color

#033caf
```
#033caf rgb(3,60,175)
```
#0445c8
```
#0445c8 rgb(4,69,200)
```
#044de1
```
#044de1 rgb(4,77,225)
```
#0556fa
```
#0556fa rgb(5,86,250)
```
#1e67fb
```
#1e67fb rgb(30,103,251)
```
#3778fb
```
#3778fb rgb(55,120,251)
```
#5089fc
```
#5089fc rgb(80,137,252)
```

Monochromatic Color

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

#0593fa
```
#0593fa rgb(5,147,250)
```
#057ffa
```
#057ffa rgb(5,127,250)
```
#056afa
```
#056afa rgb(5,106,250)
```
#0556fa
```
#0556fa rgb(5,86,250)
```
#0542fa
```
#0542fa rgb(5,66,250)
```
#052dfa
```
#052dfa rgb(5,45,250)
```
#0519fa
```
#0519fa rgb(5,25,250)
```

Similar Colors

Text with hexadecimal color #0556fa

This text has a font color of #0556fa.

<span style="color:#0556fa;">Text here</span>

#0556fa background color

This paragraph has a background color of #0556fa.

<p style="background-color:#0556fa;">Content here</p>

#0556fa border color

This element has a border color of #0556fa.

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

CSS codes

.text {color:#0556fa;}

.background {background-color:#0556fa;}

.border {border:1px solid #0556fa;}

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

#000713
```
#000713 rgb(0,7,19)
```
#010d26
```
#010d26 rgb(1,13,38)
```
#01143a
```
#01143a rgb(1,20,58)
```
#021a4d
```
#021a4d rgb(2,26,77)
```
#022160
```
#022160 rgb(2,33,96)
```
#022873
```
#022873 rgb(2,40,115)
```
#032e87
```
#032e87 rgb(3,46,135)
```
#03359a
```
#03359a rgb(3,53,154)
```
#033cad
```
#033cad rgb(3,60,173)
```
#0442c0
```
#0442c0 rgb(4,66,192)
```
#0449d4
```
#0449d4 rgb(4,73,212)
```
#054fe7
```
#054fe7 rgb(5,79,231)
```
#0556fa
```
#0556fa rgb(5,86,250)
```

Shade Color Variation

#1863fa
```
#1863fa rgb(24,99,250)
```
#2b70fb
```
#2b70fb rgb(43,112,251)
```
#3f7dfb
```
#3f7dfb rgb(63,125,251)
```
#528afc
```
#528afc rgb(82,138,252)
```
#6597fc
```
#6597fc rgb(101,151,252)
```
#78a4fc
```
#78a4fc rgb(120,164,252)
```
#8cb1fd
```
#8cb1fd rgb(140,177,253)
```
#9fbefd
```
#9fbefd rgb(159,190,253)
```
#b2cbfd
```
#b2cbfd rgb(178,203,253)
```
#c5d8fe
```
#c5d8fe rgb(197,216,254)
```
#d9e5fe
```
#d9e5fe rgb(217,229,254)
```
#ecf2ff
```
#ecf2ff rgb(236,242,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7e84 is the less saturated color, while #0556fa is the most saturated one.

#7b7e84
```
#7b7e84 rgb(123,126,132)
```
#717b8e
```
#717b8e rgb(113,123,142)
```
#677798
```
#677798 rgb(103,119,152)
```
#5d74a2
```
#5d74a2 rgb(93,116,162)
```
#5371ac
```
#5371ac rgb(83,113,172)
```
#4a6db5
```
#4a6db5 rgb(74,109,181)
```
#406abf
```
#406abf rgb(64,106,191)
```
#3667c9
```
#3667c9 rgb(54,103,201)
```
#2c63d3
```
#2c63d3 rgb(44,99,211)
```
#2260dd
```
#2260dd rgb(34,96,221)
```
#195de6
```
#195de6 rgb(25,93,230)
```
#0f59f0
```
#0f59f0 rgb(15,89,240)
```
#0556fa
```
#0556fa rgb(5,86,250)
```

Tone Color Variation

Below, you can see how #0556fa 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

#505050 Achromatopsia 0.005% of the population
#415172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#007a7f Tritanopia 0.001% of the population

Trichromacy

#0163e0 Protanomaly 1% of men, 0.01% of women
#0167ce Deuteranomaly 6% of men, 0.4% of women
#016cac Tritanomaly 0.01% of the population

#0556fa hex color

#0556fa Color Information

#0556fa Color Conversion

Color Schemes with #0556fa

Alternatives to #0556fa

#0556fa Preview

Shades and Tints of #0556fa

Tones of #0556fa

Color Blindness Simulator