#0156fa hex color

In a RGB color space, hex #0156fa is composed of 0.4% red, 33.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 65.6% magenta, 0% yellow and 2% black. It has a hue angle of 219.5 degrees, a saturation of 99.2% and a lightness of 49.2%. #0156fa color hex could be obtained by blending #02acff with #0000f5. Closest websafe color is: #0066ff.

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

● #0156fa color description : Vivid blue.

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

Hex triplet	0156fa	`#0156fa`
RGB Decimal	1, 86, 250	`rgb(1,86,250)`
RGB Percent	0.4, 33.7, 98	`rgb(0.4%,33.7%,98%)`
CMYK	100, 66, 0, 2
HSL	219.5°, 99.2, 49.2	`hsl(219.5,99.2%,49.2%)`
HSV (or HSB)	219.5°, 99.6, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.599, 43.41, -86.3
XYZ	20.592, 13.562, 91.97
xyY	0.163, 0.108, 13.562
CIE-LCH	43.599, 96.603, 296.703
CIE-LUV	43.599, -18.751, -127.063
Hunter-Lab	36.827, 35.361, -122.288
Binary	00000001, 01010110, 11111010

#0156fa
```
#0156fa rgb(1,86,250)
```
#faa501
```
#faa501 rgb(250,165,1)
```

Complementary Color

#01d3fa
```
#01d3fa rgb(1,211,250)
```
#0156fa
```
#0156fa rgb(1,86,250)
```
#2801fa
```
#2801fa rgb(40,1,250)
```

Analogous Color

#d3fa01
```
#d3fa01 rgb(211,250,1)
```
#0156fa
```
#0156fa rgb(1,86,250)
```
#fa2801
```
#fa2801 rgb(250,40,1)
```

Split Complementary Color

#56fa01
```
#56fa01 rgb(86,250,1)
```
#0156fa
```
#0156fa rgb(1,86,250)
```
#fa0156
```
#fa0156 rgb(250,1,86)
```

Triadic Color

#01faa5
```
#01faa5 rgb(1,250,165)
```
#0156fa
```
#0156fa rgb(1,86,250)
```
#fa0156
```
#fa0156 rgb(250,1,86)
```
#faa501
```
#faa501 rgb(250,165,1)
```

Tetradic Color

#013cae
```
#013cae rgb(1,60,174)
```
#0145c7
```
#0145c7 rgb(1,69,199)
```
#014de1
```
#014de1 rgb(1,77,225)
```
#0156fa
```
#0156fa rgb(1,86,250)
```
#1666fe
```
#1666fe rgb(22,102,254)
```
#3076fe
```
#3076fe rgb(48,118,254)
```
#4987fe
```
#4987fe rgb(73,135,254)
```

Monochromatic Color

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

#0194fa
```
#0194fa rgb(1,148,250)
```
#0180fa
```
#0180fa rgb(1,128,250)
```
#016bfa
```
#016bfa rgb(1,107,250)
```
#0156fa
```
#0156fa rgb(1,86,250)
```
#0141fa
```
#0141fa rgb(1,65,250)
```
#012dfa
```
#012dfa rgb(1,45,250)
```
#0118fa
```
#0118fa rgb(1,24,250)
```

Similar Colors

Text with hexadecimal color #0156fa

This text has a font color of #0156fa.

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

#0156fa background color

This paragraph has a background color of #0156fa.

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

#0156fa border color

This element has a border color of #0156fa.

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

CSS codes

.text {color:#0156fa;}

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

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

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)
```
#000c23
```
#000c23 rgb(0,12,35)
```
#001337
```
#001337 rgb(0,19,55)
```
#001a4a
```
#001a4a rgb(0,26,74)
```
#00205e
```
#00205e rgb(0,32,94)
```
#002771
```
#002771 rgb(0,39,113)
```
#012e85
```
#012e85 rgb(1,46,133)
```
#013498
```
#013498 rgb(1,52,152)
```
#013bac
```
#013bac rgb(1,59,172)
```
#0142bf
```
#0142bf rgb(1,66,191)
```
#0149d3
```
#0149d3 rgb(1,73,211)
```
#014fe6
```
#014fe6 rgb(1,79,230)
```
#0156fa
```
#0156fa rgb(1,86,250)
```

Shade Color Variation

#1162fe
```
#1162fe rgb(17,98,254)
```
#246ffe
```
#246ffe rgb(36,111,254)
```
#387bfe
```
#387bfe rgb(56,123,254)
```
#4b88fe
```
#4b88fe rgb(75,136,254)
```
#5f95fe
```
#5f95fe rgb(95,149,254)
```
#72a2fe
```
#72a2fe rgb(114,162,254)
```
#86afff
```
#86afff rgb(134,175,255)
```
#99bcff
```
#99bcff rgb(153,188,255)
```
#adc9ff
```
#adc9ff rgb(173,201,255)
```
#c0d6ff
```
#c0d6ff rgb(192,214,255)
```
#d4e3ff
```
#d4e3ff rgb(212,227,255)
```
#e7efff
```
#e7efff rgb(231,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, #757b86 is the less saturated color, while #0156fa is the most saturated one.

#757b86
```
#757b86 rgb(117,123,134)
```
#6b7890
```
#6b7890 rgb(107,120,144)
```
#627599
```
#627599 rgb(98,117,153)
```
#5872a3
```
#5872a3 rgb(88,114,163)
```
#4e6fad
```
#4e6fad rgb(78,111,173)
```
#456bb6
```
#456bb6 rgb(69,107,182)
```
#3b68c0
```
#3b68c0 rgb(59,104,192)
```
#3165ca
```
#3165ca rgb(49,101,202)
```
#2862d3
```
#2862d3 rgb(40,98,211)
```
#1e5fdd
```
#1e5fdd rgb(30,95,221)
```
#145ce7
```
#145ce7 rgb(20,92,231)
```
#0b59f0
```
#0b59f0 rgb(11,89,240)
```
#0156fa
```
#0156fa rgb(1,86,250)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#3f5071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#0063e0 Protanomaly 1% of men, 0.01% of women
#0067ce Deuteranomaly 6% of men, 0.4% of women
#006cac Tritanomaly 0.01% of the population

#0156fa hex color

#0156fa Color Information

#0156fa Color Conversion

Color Schemes with #0156fa

Alternatives to #0156fa

#0156fa Preview

Shades and Tints of #0156fa

Tones of #0156fa

Color Blindness Simulator