#1556fa hex color

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

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

● #1556fa color description : Vivid blue.

The hexadecimal color #1556fa has RGB values of R:21, G:86, B:250 and CMYK values of C:0.92, M:0.66, Y:0, K:0.02. Its decimal value is 1398522.

Hex triplet	1556fa	`#1556fa`
RGB Decimal	21, 86, 250	`rgb(21,86,250)`
RGB Percent	8.2, 33.7, 98	`rgb(8.2%,33.7%,98%)`
CMYK	92, 66, 0, 2
HSL	223°, 95.8, 53.1	`hsl(223,95.8%,53.1%)`
HSV (or HSB)	223°, 91.6, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.822, 43.883, -85.925
XYZ	20.889, 13.715, 91.984
xyY	0.165, 0.108, 13.715
CIE-LCH	43.822, 96.482, 297.054
CIE-LUV	43.822, -17.993, -126.881
Hunter-Lab	37.034, 35.871, -121.337
Binary	00010101, 01010110, 11111010

#1556fa
```
#1556fa rgb(21,86,250)
```
#fab915
```
#fab915 rgb(250,185,21)
```

Complementary Color

#15c9fa
```
#15c9fa rgb(21,201,250)
```
#1556fa
```
#1556fa rgb(21,86,250)
```
#4615fa
```
#4615fa rgb(70,21,250)
```

Analogous Color

#c9fa15
```
#c9fa15 rgb(201,250,21)
```
#1556fa
```
#1556fa rgb(21,86,250)
```
#fa4615
```
#fa4615 rgb(250,70,21)
```

Split Complementary Color

#56fa15
```
#56fa15 rgb(86,250,21)
```
#1556fa
```
#1556fa rgb(21,86,250)
```
#fa1556
```
#fa1556 rgb(250,21,86)
```

Triadic Color

#15fab9
```
#15fab9 rgb(21,250,185)
```
#1556fa
```
#1556fa rgb(21,86,250)
```
#fa1556
```
#fa1556 rgb(250,21,86)
```
#fab915
```
#fab915 rgb(250,185,21)
```

Tetradic Color

#0439be
```
#0439be rgb(4,57,190)
```
#0540d7
```
#0540d7 rgb(5,64,215)
```
#0548f0
```
#0548f0 rgb(5,72,240)
```
#1556fa
```
#1556fa rgb(21,86,250)
```
#2e68fb
```
#2e68fb rgb(46,104,251)
```
#477afb
```
#477afb rgb(71,122,251)
```
#608cfc
```
#608cfc rgb(96,140,252)
```

Monochromatic Color

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

#158ffa
```
#158ffa rgb(21,143,250)
```
#157cfa
```
#157cfa rgb(21,124,250)
```
#1569fa
```
#1569fa rgb(21,105,250)
```
#1556fa
```
#1556fa rgb(21,86,250)
```
#1543fa
```
#1543fa rgb(21,67,250)
```
#1530fa
```
#1530fa rgb(21,48,250)
```
#151dfa
```
#151dfa rgb(21,29,250)
```

Similar Colors

Text with hexadecimal color #1556fa

This text has a font color of #1556fa.

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

#1556fa background color

This paragraph has a background color of #1556fa.

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

#1556fa border color

This element has a border color of #1556fa.

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

CSS codes

.text {color:#1556fa;}

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

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

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

#000510
```
#000510 rgb(0,5,16)
```
#010a23
```
#010a23 rgb(1,10,35)
```
#011036
```
#011036 rgb(1,16,54)
```
#021649
```
#021649 rgb(2,22,73)
```
#021c5c
```
#021c5c rgb(2,28,92)
```
#022170
```
#022170 rgb(2,33,112)
```
#032783
```
#032783 rgb(3,39,131)
```
#032d96
```
#032d96 rgb(3,45,150)
```
#0433a9
```
#0433a9 rgb(4,51,169)
```
#0438bd
```
#0438bd rgb(4,56,189)
```
#043ed0
```
#043ed0 rgb(4,62,208)
```
#0544e3
```
#0544e3 rgb(5,68,227)
```
#054af6
```
#054af6 rgb(5,74,246)
```

Shade Color Variation

#1556fa
```
#1556fa rgb(21,86,250)
```
#2864fa
```
#2864fa rgb(40,100,250)
```
#3b72fb
```
#3b72fb rgb(59,114,251)
```
#4f80fb
```
#4f80fb rgb(79,128,251)
```
#628dfc
```
#628dfc rgb(98,141,252)
```
#759bfc
```
#759bfc rgb(117,155,252)
```
#88a9fc
```
#88a9fc rgb(136,169,252)
```
#9bb7fd
```
#9bb7fd rgb(155,183,253)
```
#afc5fd
```
#afc5fd rgb(175,197,253)
```
#c2d3fe
```
#c2d3fe rgb(194,211,254)
```
#d5e1fe
```
#d5e1fe rgb(213,225,254)
```
#e8efff
```
#e8efff rgb(232,239,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#83868c
```
#83868c rgb(131,134,140)
```
#7a8295
```
#7a8295 rgb(122,130,149)
```
#717e9e
```
#717e9e rgb(113,126,158)
```
#687aa7
```
#687aa7 rgb(104,122,167)
```
#5f76b0
```
#5f76b0 rgb(95,118,176)
```
#5572ba
```
#5572ba rgb(85,114,186)
```
#4c6ec3
```
#4c6ec3 rgb(76,110,195)
```
#436acc
```
#436acc rgb(67,106,204)
```
#3a66d5
```
#3a66d5 rgb(58,102,213)
```
#3162de
```
#3162de rgb(49,98,222)
```
#275ee8
```
#275ee8 rgb(39,94,232)
```
#1e5af1
```
#1e5af1 rgb(30,90,241)
```
#1556fa
```
#1556fa rgb(21,86,250)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#485576 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd2 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0764e1 Protanomaly 1% of men, 0.01% of women
#0768cf Deuteranomaly 6% of men, 0.4% of women
#076dac Tritanomaly 0.01% of the population

#1556fa hex color

#1556fa Color Information

#1556fa Color Conversion

Color Schemes with #1556fa

Alternatives to #1556fa

#1556fa Preview

Shades and Tints of #1556fa

Tones of #1556fa

Color Blindness Simulator