#157bfa hex color

In a RGB color space, hex #157bfa is composed of 8.2% red, 48.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 91.6% cyan, 50.8% magenta, 0% yellow and 2% black. It has a hue angle of 213.3 degrees, a saturation of 95.8% and a lightness of 53.1%. #157bfa color hex could be obtained by blending #2af6ff with #0000f5. 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

● #157bfa color description : Vivid blue.

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

Hex triplet	157bfa	`#157bfa`
RGB Decimal	21, 123, 250	`rgb(21,123,250)`
RGB Percent	8.2, 48.2, 98	`rgb(8.2%,48.2%,98%)`
CMYK	92, 51, 0, 2
HSL	213.3°, 95.8, 53.1	`hsl(213.3,95.8%,53.1%)`
HSV (or HSB)	213.3°, 91.6, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	53.195, 20.575, -70.618
XYZ	24.644, 21.225, 93.235
xyY	0.177, 0.153, 21.225
CIE-LCH	53.195, 73.554, 286.244
CIE-LUV	53.195, -27.347, -111.737
Hunter-Lab	46.071, 14.857, -87.737
Binary	00010101, 01111011, 11111010

#157bfa
```
#157bfa rgb(21,123,250)
```
#fa9415
```
#fa9415 rgb(250,148,21)
```

Complementary Color

#15eefa
```
#15eefa rgb(21,238,250)
```
#157bfa
```
#157bfa rgb(21,123,250)
```
#2215fa
```
#2215fa rgb(34,21,250)
```

Analogous Color

#eefa15
```
#eefa15 rgb(238,250,21)
```
#157bfa
```
#157bfa rgb(21,123,250)
```
#fa2215
```
#fa2215 rgb(250,34,21)
```

Split Complementary Color

#7bfa15
```
#7bfa15 rgb(123,250,21)
```
#157bfa
```
#157bfa rgb(21,123,250)
```
#fa157b
```
#fa157b rgb(250,21,123)
```

Triadic Color

#15fa94
```
#15fa94 rgb(21,250,148)
```
#157bfa
```
#157bfa rgb(21,123,250)
```
#fa157b
```
#fa157b rgb(250,21,123)
```
#fa9415
```
#fa9415 rgb(250,148,21)
```

Tetradic Color

#0457be
```
#0457be rgb(4,87,190)
```
#0562d7
```
#0562d7 rgb(5,98,215)
```
#056ef0
```
#056ef0 rgb(5,110,240)
```
#157bfa
```
#157bfa rgb(21,123,250)
```
#2e89fb
```
#2e89fb rgb(46,137,251)
```
#4797fb
```
#4797fb rgb(71,151,251)
```
#60a5fc
```
#60a5fc rgb(96,165,252)
```

Monochromatic Color

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

#15b4fa
```
#15b4fa rgb(21,180,250)
```
#15a1fa
```
#15a1fa rgb(21,161,250)
```
#158efa
```
#158efa rgb(21,142,250)
```
#157bfa
```
#157bfa rgb(21,123,250)
```
#1568fa
```
#1568fa rgb(21,104,250)
```
#1555fa
```
#1555fa rgb(21,85,250)
```
#1542fa
```
#1542fa rgb(21,66,250)
```

Similar Colors

Text with hexadecimal color #157bfa

This text has a font color of #157bfa.

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

#157bfa background color

This paragraph has a background color of #157bfa.

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

#157bfa border color

This element has a border color of #157bfa.

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

CSS codes

.text {color:#157bfa;}

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

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

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

#000710
```
#000710 rgb(0,7,16)
```
#011023
```
#011023 rgb(1,16,35)
```
#011936
```
#011936 rgb(1,25,54)
```
#022249
```
#022249 rgb(2,34,73)
```
#022a5c
```
#022a5c rgb(2,42,92)
```
#023370
```
#023370 rgb(2,51,112)
```
#033c83
```
#033c83 rgb(3,60,131)
```
#034596
```
#034596 rgb(3,69,150)
```
#044da9
```
#044da9 rgb(4,77,169)
```
#0456bd
```
#0456bd rgb(4,86,189)
```
#045fd0
```
#045fd0 rgb(4,95,208)
```
#0568e3
```
#0568e3 rgb(5,104,227)
```
#0571f6
```
#0571f6 rgb(5,113,246)
```

Shade Color Variation

#157bfa
```
#157bfa rgb(21,123,250)
```
#2886fa
```
#2886fa rgb(40,134,250)
```
#3b91fb
```
#3b91fb rgb(59,145,251)
```
#4f9cfb
```
#4f9cfb rgb(79,156,251)
```
#62a6fc
```
#62a6fc rgb(98,166,252)
```
#75b1fc
```
#75b1fc rgb(117,177,252)
```
#88bcfc
```
#88bcfc rgb(136,188,252)
```
#9bc7fd
```
#9bc7fd rgb(155,199,253)
```
#afd2fd
```
#afd2fd rgb(175,210,253)
```
#c2ddfe
```
#c2ddfe rgb(194,221,254)
```
#d5e7fe
```
#d5e7fe rgb(213,231,254)
```
#e8f2ff
```
#e8f2ff rgb(232,242,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#83878c
```
#83878c rgb(131,135,140)
```
#7a8695
```
#7a8695 rgb(122,134,149)
```
#71859e
```
#71859e rgb(113,133,158)
```
#6884a7
```
#6884a7 rgb(104,132,167)
```
#5f83b0
```
#5f83b0 rgb(95,131,176)
```
#5582ba
```
#5582ba rgb(85,130,186)
```
#4c81c3
```
#4c81c3 rgb(76,129,195)
```
#4380cc
```
#4380cc rgb(67,128,204)
```
#3a7fd5
```
#3a7fd5 rgb(58,127,213)
```
#317ede
```
#317ede rgb(49,126,222)
```
#277de8
```
#277de8 rgb(39,125,232)
```
#1e7cf1
```
#1e7cf1 rgb(30,124,241)
```
#157bfa
```
#157bfa rgb(21,123,250)
```

Tone Color Variation

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

#2781fa Protanopia 1% of men
#0088df Deuteranopia 1% of men
#00929b Tritanopia 0.001% of the population

Trichromacy

#207ffa Protanomaly 1% of men, 0.01% of women
#0783e8 Deuteranomaly 6% of men, 0.4% of women
#078abd Tritanomaly 0.01% of the population

#157bfa hex color

#157bfa Color Information

#157bfa Color Conversion

Color Schemes with #157bfa

Alternatives to #157bfa

#157bfa Preview

Shades and Tints of #157bfa

Tones of #157bfa

Color Blindness Simulator