#156ffe hex color

In a RGB color space, hex #156ffe is composed of 8.2% red, 43.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 56.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 216.8 degrees, a saturation of 99.1% and a lightness of 53.9%. #156ffe color hex could be obtained by blending #2adeff with #0000fd. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 44
- B 100
RGB color chart
- C 92
- M 56
- Y 0
- K 0
CMYK color chart

● #156ffe color description : Vivid blue.

The hexadecimal color #156ffe has RGB values of R:21, G:111, B:254 and CMYK values of C:0.92, M:0.56, Y:0, K:0. Its decimal value is 1404926.

Hex triplet	156ffe	`#156ffe`
RGB Decimal	21, 111, 254	`rgb(21,111,254)`
RGB Percent	8.2, 43.5, 99.6	`rgb(8.2%,43.5%,99.6%)`
CMYK	92, 56, 0, 0
HSL	216.8°, 99.1, 53.9	`hsl(216.8,99.1%,53.9%)`
HSV (or HSB)	216.8°, 91.7, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	50.313, 29.666, -77.518
XYZ	23.879, 18.682, 96.108
xyY	0.172, 0.135, 18.682
CIE-LCH	50.313, 83, 290.942
CIE-LUV	50.313, -23.947, -120.693
Hunter-Lab	43.223, 22.976, -101.579
Binary	00010101, 01101111, 11111110

#156ffe
```
#156ffe rgb(21,111,254)
```
#fea415
```
#fea415 rgb(254,164,21)
```

Complementary Color

#15e4fe
```
#15e4fe rgb(21,228,254)
```
#156ffe
```
#156ffe rgb(21,111,254)
```
#3015fe
```
#3015fe rgb(48,21,254)
```

Analogous Color

#e4fe15
```
#e4fe15 rgb(228,254,21)
```
#156ffe
```
#156ffe rgb(21,111,254)
```
#fe3015
```
#fe3015 rgb(254,48,21)
```

Split Complementary Color

#6ffe15
```
#6ffe15 rgb(111,254,21)
```
#156ffe
```
#156ffe rgb(21,111,254)
```
#fe156f
```
#fe156f rgb(254,21,111)
```

Triadic Color

#15fea4
```
#15fea4 rgb(21,254,164)
```
#156ffe
```
#156ffe rgb(21,111,254)
```
#fe156f
```
#fe156f rgb(254,21,111)
```
#fea415
```
#fea415 rgb(254,164,21)
```

Tetradic Color

#014dc6
```
#014dc6 rgb(1,77,198)
```
#0157df
```
#0157df rgb(1,87,223)
```
#0161f8
```
#0161f8 rgb(1,97,248)
```
#156ffe
```
#156ffe rgb(21,111,254)
```
#2e7ffe
```
#2e7ffe rgb(46,127,254)
```
#488efe
```
#488efe rgb(72,142,254)
```
#619efe
```
#619efe rgb(97,158,254)
```

Monochromatic Color

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

#15a9fe
```
#15a9fe rgb(21,169,254)
```
#1596fe
```
#1596fe rgb(21,150,254)
```
#1582fe
```
#1582fe rgb(21,130,254)
```
#156ffe
```
#156ffe rgb(21,111,254)
```
#155cfe
```
#155cfe rgb(21,92,254)
```
#1548fe
```
#1548fe rgb(21,72,254)
```
#1535fe
```
#1535fe rgb(21,53,254)
```

Similar Colors

Text with hexadecimal color #156ffe

This text has a font color of #156ffe.

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

#156ffe background color

This paragraph has a background color of #156ffe.

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

#156ffe border color

This element has a border color of #156ffe.

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

CSS codes

.text {color:#156ffe;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000814
```
#000814 rgb(0,8,20)
```
#000f27
```
#000f27 rgb(0,15,39)
```
#00173b
```
#00173b rgb(0,23,59)
```
#001f4f
```
#001f4f rgb(0,31,79)
```
#002662
```
#002662 rgb(0,38,98)
```
#012e76
```
#012e76 rgb(1,46,118)
```
#013589
```
#013589 rgb(1,53,137)
```
#013d9d
```
#013d9d rgb(1,61,157)
```
#0145b0
```
#0145b0 rgb(1,69,176)
```
#014cc4
```
#014cc4 rgb(1,76,196)
```
#0154d7
```
#0154d7 rgb(1,84,215)
```
#015beb
```
#015beb rgb(1,91,235)
```

Shade Color Variation

#0163fe
```
#0163fe rgb(1,99,254)
```
#156ffe
```
#156ffe rgb(21,111,254)
```
#297bfe
```
#297bfe rgb(41,123,254)
```
#3c87fe
```
#3c87fe rgb(60,135,254)
```
#5093fe
```
#5093fe rgb(80,147,254)
```
#639ffe
```
#639ffe rgb(99,159,254)
```
#77abfe
```
#77abfe rgb(119,171,254)
```
#8ab7ff
```
#8ab7ff rgb(138,183,255)
```
#9ec3ff
```
#9ec3ff rgb(158,195,255)
```
#b1cfff
```
#b1cfff rgb(177,207,255)
```
#c5dbff
```
#c5dbff rgb(197,219,255)
```
#d8e7ff
```
#d8e7ff rgb(216,231,255)
```
#ecf3ff
```
#ecf3ff rgb(236,243,255)
```

Tint Color Variation

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

#818892
```
#818892 rgb(129,136,146)
```
#78869b
```
#78869b rgb(120,134,155)
```
#6f84a4
```
#6f84a4 rgb(111,132,164)
```
#6682ad
```
#6682ad rgb(102,130,173)
```
#5d7fb6
```
#5d7fb6 rgb(93,127,182)
```
#547dbf
```
#547dbf rgb(84,125,191)
```
#4b7bc8
```
#4b7bc8 rgb(75,123,200)
```
#4279d1
```
#4279d1 rgb(66,121,209)
```
#3977da
```
#3977da rgb(57,119,218)
```
#3075e3
```
#3075e3 rgb(48,117,227)
```
#2773ec
```
#2773ec rgb(39,115,236)
```
#1e71f5
```
#1e71f5 rgb(30,113,245)
```
#156ffe
```
#156ffe rgb(21,111,254)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#546683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d2 Deuteranopia 1% of men
#008b92 Tritanopia 0.001% of the population

Trichromacy

#0776f5 Protanomaly 1% of men, 0.01% of women
#077ae2 Deuteranomaly 6% of men, 0.4% of women
#0781b9 Tritanomaly 0.01% of the population

#156ffe hex color

#156ffe Color Information

#156ffe Color Conversion

Color Schemes with #156ffe

Alternatives to #156ffe

#156ffe Preview

Shades and Tints of #156ffe

Tones of #156ffe

Color Blindness Simulator