#156bfd hex color

In a RGB color space, hex #156bfd is composed of 8.2% red, 42% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 57.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.8 degrees, a saturation of 98.3% and a lightness of 53.7%. #156bfd color hex could be obtained by blending #2ad6ff with #0000fb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 42
- B 99
RGB color chart
- C 92
- M 58
- Y 0
- K 1
CMYK color chart

● #156bfd color description : Vivid blue.

The hexadecimal color #156bfd has RGB values of R:21, G:107, B:253 and CMYK values of C:0.92, M:0.58, Y:0, K:0.01. Its decimal value is 1403901.

Hex triplet	156bfd	`#156bfd`
RGB Decimal	21, 107, 253	`rgb(21,107,253)`
RGB Percent	8.2, 42, 99.2	`rgb(8.2%,42%,99.2%)`
CMYK	92, 58, 0, 1
HSL	217.8°, 98.3, 53.7	`hsl(217.8,98.3%,53.7%)`
HSV (or HSB)	217.8°, 91.7, 99.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	49.209, 31.819, -78.764
XYZ	23.293, 17.765, 95.124
xyY	0.171, 0.13, 17.765
CIE-LCH	49.209, 84.948, 291.998
CIE-LUV	49.209, -22.929, -121.769
Hunter-Lab	42.148, 24.887, -104.308
Binary	00010101, 01101011, 11111101

#156bfd
```
#156bfd rgb(21,107,253)
```
#fda715
```
#fda715 rgb(253,167,21)
```

Complementary Color

#15dffd
```
#15dffd rgb(21,223,253)
```
#156bfd
```
#156bfd rgb(21,107,253)
```
#3315fd
```
#3315fd rgb(51,21,253)
```

Analogous Color

#dffd15
```
#dffd15 rgb(223,253,21)
```
#156bfd
```
#156bfd rgb(21,107,253)
```
#fd3315
```
#fd3315 rgb(253,51,21)
```

Split Complementary Color

#6bfd15
```
#6bfd15 rgb(107,253,21)
```
#156bfd
```
#156bfd rgb(21,107,253)
```
#fd156b
```
#fd156b rgb(253,21,107)
```

Triadic Color

#15fda7
```
#15fda7 rgb(21,253,167)
```
#156bfd
```
#156bfd rgb(21,107,253)
```
#fd156b
```
#fd156b rgb(253,21,107)
```
#fda715
```
#fda715 rgb(253,167,21)
```

Tetradic Color

#024ac4
```
#024ac4 rgb(2,74,196)
```
#0253dd
```
#0253dd rgb(2,83,221)
```
#025df6
```
#025df6 rgb(2,93,246)
```
#156bfd
```
#156bfd rgb(21,107,253)
```
#2e7bfd
```
#2e7bfd rgb(46,123,253)
```
#488bfd
```
#488bfd rgb(72,139,253)
```
#619bfe
```
#619bfe rgb(97,155,254)
```

Monochromatic Color

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

#15a5fd
```
#15a5fd rgb(21,165,253)
```
#1592fd
```
#1592fd rgb(21,146,253)
```
#157efd
```
#157efd rgb(21,126,253)
```
#156bfd
```
#156bfd rgb(21,107,253)
```
#1558fd
```
#1558fd rgb(21,88,253)
```
#1544fd
```
#1544fd rgb(21,68,253)
```
#1531fd
```
#1531fd rgb(21,49,253)
```

Similar Colors

Text with hexadecimal color #156bfd

This text has a font color of #156bfd.

<span style="color:#156bfd;">Text here</span>

#156bfd background color

This paragraph has a background color of #156bfd.

<p style="background-color:#156bfd;">Content here</p>

#156bfd border color

This element has a border color of #156bfd.

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

CSS codes

.text {color:#156bfd;}

.background {background-color:#156bfd;}

.border {border:1px solid #156bfd;}

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 #feffff is the lightest one.

#000713
```
#000713 rgb(0,7,19)
```
#000e26
```
#000e26 rgb(0,14,38)
```
#00163a
```
#00163a rgb(0,22,58)
```
#011d4d
```
#011d4d rgb(1,29,77)
```
#012461
```
#012461 rgb(1,36,97)
```
#012c74
```
#012c74 rgb(1,44,116)
```
#013388
```
#013388 rgb(1,51,136)
```
#013a9b
```
#013a9b rgb(1,58,155)
```
#0142ae
```
#0142ae rgb(1,66,174)
```
#0249c2
```
#0249c2 rgb(2,73,194)
```
#0250d5
```
#0250d5 rgb(2,80,213)
```
#0258e9
```
#0258e9 rgb(2,88,233)
```
#025ffc
```
#025ffc rgb(2,95,252)
```

Shade Color Variation

#156bfd
```
#156bfd rgb(21,107,253)
```
#2877fd
```
#2877fd rgb(40,119,253)
```
#3c84fd
```
#3c84fd rgb(60,132,253)
```
#4f90fd
```
#4f90fd rgb(79,144,253)
```
#639cfe
```
#639cfe rgb(99,156,254)
```
#76a9fe
```
#76a9fe rgb(118,169,254)
```
#8ab5fe
```
#8ab5fe rgb(138,181,254)
```
#9dc1fe
```
#9dc1fe rgb(157,193,254)
```
#b1cdfe
```
#b1cdfe rgb(177,205,254)
```
#c4dafe
```
#c4dafe rgb(196,218,254)
```
#d7e6ff
```
#d7e6ff rgb(215,230,255)
```
#ebf2ff
```
#ebf2ff rgb(235,242,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828790 is the less saturated color, while #156bfd is the most saturated one.

#828790
```
#828790 rgb(130,135,144)
```
#798599
```
#798599 rgb(121,133,153)
```
#7082a2
```
#7082a2 rgb(112,130,162)
```
#6780ab
```
#6780ab rgb(103,128,171)
```
#5e7eb4
```
#5e7eb4 rgb(94,126,180)
```
#557bbd
```
#557bbd rgb(85,123,189)
```
#4b79c7
```
#4b79c7 rgb(75,121,199)
```
#4277d0
```
#4277d0 rgb(66,119,208)
```
#3974d9
```
#3974d9 rgb(57,116,217)
```
#3072e2
```
#3072e2 rgb(48,114,226)
```
#2770eb
```
#2770eb rgb(39,112,235)
```
#1e6df4
```
#1e6df4 rgb(30,109,244)
```
#156bfd
```
#156bfd rgb(21,107,253)
```

Tone Color Variation

Below, you can see how #156bfd 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

#626262 Achromatopsia 0.005% of the population
#536481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007fcd Deuteranopia 1% of men
#00888f Tritanopia 0.001% of the population

Trichromacy

#0773f1 Protanomaly 1% of men, 0.01% of women
#0777de Deuteranomaly 6% of men, 0.4% of women
#077db7 Tritanomaly 0.01% of the population

#156bfd hex color

#156bfd Color Information

#156bfd Color Conversion

Color Schemes with #156bfd

Alternatives to #156bfd

#156bfd Preview

Shades and Tints of #156bfd

Tones of #156bfd

Color Blindness Simulator