#157bfb hex color

In a RGB color space, hex #157bfb is composed of 8.2% red, 48.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 91.6% cyan, 51% magenta, 0% yellow and 1.6% black. It has a hue angle of 213.4 degrees, a saturation of 96.6% and a lightness of 53.3%. #157bfb color hex could be obtained by blending #2af6ff with #0000f7. Closest websafe color is: #0066ff.

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

● #157bfb color description : Vivid blue.

The hexadecimal color #157bfb has RGB values of R:21, G:123, B:251 and CMYK values of C:0.92, M:0.51, Y:0, K:0.02. Its decimal value is 1407995.

Hex triplet	157bfb	`#157bfb`
RGB Decimal	21, 123, 251	`rgb(21,123,251)`
RGB Percent	8.2, 48.2, 98.4	`rgb(8.2%,48.2%,98.4%)`
CMYK	92, 51, 0, 2
HSL	213.4°, 96.6, 53.3	`hsl(213.4,96.6%,53.3%)`
HSV (or HSB)	213.4°, 91.6, 98.4
Web Safe	0066ff	`#0066ff`

CIE-LAB	53.263, 20.957, -71.061
XYZ	24.801, 21.288, 94.063
xyY	0.177, 0.152, 21.288
CIE-LCH	53.263, 74.086, 286.432
CIE-LUV	53.263, -27.314, -112.47
Hunter-Lab	46.139, 15.205, -88.576
Binary	00010101, 01111011, 11111011

#157bfb
```
#157bfb rgb(21,123,251)
```
#fb9515
```
#fb9515 rgb(251,149,21)
```

Complementary Color

#15eefb
```
#15eefb rgb(21,238,251)
```
#157bfb
```
#157bfb rgb(21,123,251)
```
#2215fb
```
#2215fb rgb(34,21,251)
```

Analogous Color

#eefb15
```
#eefb15 rgb(238,251,21)
```
#157bfb
```
#157bfb rgb(21,123,251)
```
#fb2215
```
#fb2215 rgb(251,34,21)
```

Split Complementary Color

#7bfb15
```
#7bfb15 rgb(123,251,21)
```
#157bfb
```
#157bfb rgb(21,123,251)
```
#fb157b
```
#fb157b rgb(251,21,123)
```

Triadic Color

#15fb95
```
#15fb95 rgb(21,251,149)
```
#157bfb
```
#157bfb rgb(21,123,251)
```
#fb157b
```
#fb157b rgb(251,21,123)
```
#fb9515
```
#fb9515 rgb(251,149,21)
```

Tetradic Color

#0357c0
```
#0357c0 rgb(3,87,192)
```
#0462d9
```
#0462d9 rgb(4,98,217)
```
#046ef2
```
#046ef2 rgb(4,110,242)
```
#157bfb
```
#157bfb rgb(21,123,251)
```
#2e89fb
```
#2e89fb rgb(46,137,251)
```
#4797fc
```
#4797fc rgb(71,151,252)
```
#60a5fc
```
#60a5fc rgb(96,165,252)
```

Monochromatic Color

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

#15b5fb
```
#15b5fb rgb(21,181,251)
```
#15a1fb
```
#15a1fb rgb(21,161,251)
```
#158efb
```
#158efb rgb(21,142,251)
```
#157bfb
```
#157bfb rgb(21,123,251)
```
#1568fb
```
#1568fb rgb(21,104,251)
```
#1555fb
```
#1555fb rgb(21,85,251)
```
#1542fb
```
#1542fb rgb(21,66,251)
```

Similar Colors

Text with hexadecimal color #157bfb

This text has a font color of #157bfb.

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

#157bfb background color

This paragraph has a background color of #157bfb.

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

#157bfb border color

This element has a border color of #157bfb.

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

CSS codes

.text {color:#157bfb;}

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

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

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

#000811
```
#000811 rgb(0,8,17)
```
#011024
```
#011024 rgb(1,16,36)
```
#011937
```
#011937 rgb(1,25,55)
```
#01224b
```
#01224b rgb(1,34,75)
```
#022b5e
```
#022b5e rgb(2,43,94)
```
#023371
```
#023371 rgb(2,51,113)
```
#023c84
```
#023c84 rgb(2,60,132)
```
#034598
```
#034598 rgb(3,69,152)
```
#034dab
```
#034dab rgb(3,77,171)
```
#0356be
```
#0356be rgb(3,86,190)
```
#045fd2
```
#045fd2 rgb(4,95,210)
```
#0468e5
```
#0468e5 rgb(4,104,229)
```
#0470f8
```
#0470f8 rgb(4,112,248)
```

Shade Color Variation

#157bfb
```
#157bfb rgb(21,123,251)
```
#2886fb
```
#2886fb rgb(40,134,251)
```
#3c91fc
```
#3c91fc rgb(60,145,252)
```
#4f9cfc
```
#4f9cfc rgb(79,156,252)
```
#62a7fc
```
#62a7fc rgb(98,167,252)
```
#75b1fd
```
#75b1fd rgb(117,177,253)
```
#89bcfd
```
#89bcfd rgb(137,188,253)
```
#9cc7fd
```
#9cc7fd rgb(156,199,253)
```
#afd2fe
```
#afd2fe rgb(175,210,254)
```
#c3ddfe
```
#c3ddfe rgb(195,221,254)
```
#d6e8fe
```
#d6e8fe rgb(214,232,254)
```
#e9f3ff
```
#e9f3ff rgb(233,243,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#83878d
```
#83878d rgb(131,135,141)
```
#7a8696
```
#7a8696 rgb(122,134,150)
```
#71859f
```
#71859f rgb(113,133,159)
```
#6784a9
```
#6784a9 rgb(103,132,169)
```
#5e83b2
```
#5e83b2 rgb(94,131,178)
```
#5582bb
```
#5582bb rgb(85,130,187)
```
#4c81c4
```
#4c81c4 rgb(76,129,196)
```
#4380cd
```
#4380cd rgb(67,128,205)
```
#3a7fd6
```
#3a7fd6 rgb(58,127,214)
```
#307ee0
```
#307ee0 rgb(48,126,224)
```
#277de9
```
#277de9 rgb(39,125,233)
```
#1e7cf2
```
#1e7cf2 rgb(30,124,242)
```
#157bfb
```
#157bfb rgb(21,123,251)
```

Tone Color Variation

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

#2481fb Protanopia 1% of men
#0088df Deuteranopia 1% of men
#00939b Tritanopia 0.001% of the population

Trichromacy

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

#157bfb hex color

#157bfb Color Information

#157bfb Color Conversion

Color Schemes with #157bfb

Alternatives to #157bfb

#157bfb Preview

Shades and Tints of #157bfb

Tones of #157bfb

Color Blindness Simulator