#157bfc hex color

In a RGB color space, hex #157bfc is composed of 8.2% red, 48.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 51.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 213.5 degrees, a saturation of 97.5% and a lightness of 53.5%. #157bfc color hex could be obtained by blending #2af6ff with #0000f9. Closest websafe color is: #0066ff.

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

● #157bfc color description : Vivid blue.

The hexadecimal color #157bfc has RGB values of R:21, G:123, B:252 and CMYK values of C:0.92, M:0.51, Y:0, K:0.01. Its decimal value is 1407996.

Hex triplet	157bfc	`#157bfc`
RGB Decimal	21, 123, 252	`rgb(21,123,252)`
RGB Percent	8.2, 48.2, 98.8	`rgb(8.2%,48.2%,98.8%)`
CMYK	92, 51, 0, 1
HSL	213.5°, 97.5, 53.5	`hsl(213.5,97.5%,53.5%)`
HSV (or HSB)	213.5°, 91.7, 98.8
Web Safe	0066ff	`#0066ff`

CIE-LAB	53.332, 21.339, -71.503
XYZ	24.959, 21.351, 94.896
xyY	0.177, 0.151, 21.351
CIE-LCH	53.332, 74.619, 286.617
CIE-LUV	53.332, -27.282, -113.202
Hunter-Lab	46.208, 15.553, -89.418
Binary	00010101, 01111011, 11111100

#157bfc
```
#157bfc rgb(21,123,252)
```
#fc9615
```
#fc9615 rgb(252,150,21)
```

Complementary Color

#15effc
```
#15effc rgb(21,239,252)
```
#157bfc
```
#157bfc rgb(21,123,252)
```
#2315fc
```
#2315fc rgb(35,21,252)
```

Analogous Color

#effc15
```
#effc15 rgb(239,252,21)
```
#157bfc
```
#157bfc rgb(21,123,252)
```
#fc2315
```
#fc2315 rgb(252,35,21)
```

Split Complementary Color

#7bfc15
```
#7bfc15 rgb(123,252,21)
```
#157bfc
```
#157bfc rgb(21,123,252)
```
#fc157b
```
#fc157b rgb(252,21,123)
```

Triadic Color

#15fc96
```
#15fc96 rgb(21,252,150)
```
#157bfc
```
#157bfc rgb(21,123,252)
```
#fc157b
```
#fc157b rgb(252,21,123)
```
#fc9615
```
#fc9615 rgb(252,150,21)
```

Tetradic Color

#0257c2
```
#0257c2 rgb(2,87,194)
```
#0362db
```
#0362db rgb(3,98,219)
```
#036ef4
```
#036ef4 rgb(3,110,244)
```
#157bfc
```
#157bfc rgb(21,123,252)
```
#2e89fc
```
#2e89fc rgb(46,137,252)
```
#4797fd
```
#4797fd rgb(71,151,253)
```
#61a6fd
```
#61a6fd rgb(97,166,253)
```

Monochromatic Color

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

#15b5fc
```
#15b5fc rgb(21,181,252)
```
#15a2fc
```
#15a2fc rgb(21,162,252)
```
#158efc
```
#158efc rgb(21,142,252)
```
#157bfc
```
#157bfc rgb(21,123,252)
```
#1568fc
```
#1568fc rgb(21,104,252)
```
#1555fc
```
#1555fc rgb(21,85,252)
```
#1541fc
```
#1541fc rgb(21,65,252)
```

Similar Colors

Text with hexadecimal color #157bfc

This text has a font color of #157bfc.

<span style="color:#157bfc;">Text here</span>

#157bfc background color

This paragraph has a background color of #157bfc.

<p style="background-color:#157bfc;">Content here</p>

#157bfc border color

This element has a border color of #157bfc.

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

CSS codes

.text {color:#157bfc;}

.background {background-color:#157bfc;}

.border {border:1px solid #157bfc;}

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

#000812
```
#000812 rgb(0,8,18)
```
#001125
```
#001125 rgb(0,17,37)
```
#011939
```
#011939 rgb(1,25,57)
```
#01224c
```
#01224c rgb(1,34,76)
```
#012b5f
```
#012b5f rgb(1,43,95)
```
#013373
```
#013373 rgb(1,51,115)
```
#023c86
```
#023c86 rgb(2,60,134)
```
#024599
```
#024599 rgb(2,69,153)
```
#024dad
```
#024dad rgb(2,77,173)
```
#0256c0
```
#0256c0 rgb(2,86,192)
```
#035fd3
```
#035fd3 rgb(3,95,211)
```
#0368e7
```
#0368e7 rgb(3,104,231)
```
#0370fa
```
#0370fa rgb(3,112,250)
```

Shade Color Variation

#157bfc
```
#157bfc rgb(21,123,252)
```
#2886fc
```
#2886fc rgb(40,134,252)
```
#3c91fc
```
#3c91fc rgb(60,145,252)
```
#4f9cfd
```
#4f9cfd rgb(79,156,253)
```
#62a7fd
```
#62a7fd rgb(98,167,253)
```
#76b2fd
```
#76b2fd rgb(118,178,253)
```
#89bdfd
```
#89bdfd rgb(137,189,253)
```
#9dc7fe
```
#9dc7fe rgb(157,199,254)
```
#b0d2fe
```
#b0d2fe rgb(176,210,254)
```
#c3ddfe
```
#c3ddfe rgb(195,221,254)
```
#d7e8fe
```
#d7e8fe rgb(215,232,254)
```
#eaf3ff
```
#eaf3ff rgb(234,243,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82888f is the less saturated color, while #157bfc is the most saturated one.

#82888f
```
#82888f rgb(130,136,143)
```
#798798
```
#798798 rgb(121,135,152)
```
#7086a1
```
#7086a1 rgb(112,134,161)
```
#6785aa
```
#6785aa rgb(103,133,170)
```
#5e84b3
```
#5e84b3 rgb(94,132,179)
```
#5582bc
```
#5582bc rgb(85,130,188)
```
#4c81c5
```
#4c81c5 rgb(76,129,197)
```
#4380ce
```
#4380ce rgb(67,128,206)
```
#397fd8
```
#397fd8 rgb(57,127,216)
```
#307ee1
```
#307ee1 rgb(48,126,225)
```
#277dea
```
#277dea rgb(39,125,234)
```
#1e7cf3
```
#1e7cf3 rgb(30,124,243)
```
#157bfc
```
#157bfc rgb(21,123,252)
```

Tone Color Variation

Below, you can see how #157bfc 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

#6b6b6b Achromatopsia 0.005% of the population
#5a6e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2181fc Protanopia 1% of men
#0088df Deuteranopia 1% of men
#00939b Tritanopia 0.001% of the population

Trichromacy

#1c7ffc Protanomaly 1% of men, 0.01% of women
#0783e9 Deuteranomaly 6% of men, 0.4% of women
#078abe Tritanomaly 0.01% of the population

#157bfc hex color

#157bfc Color Information

#157bfc Color Conversion

Color Schemes with #157bfc

Alternatives to #157bfc

#157bfc Preview

Shades and Tints of #157bfc

Tones of #157bfc

Color Blindness Simulator