#157cfb hex color

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

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

● #157cfb color description : Vivid blue.

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

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

CIE-LAB	53.533, 20.33, -70.624
XYZ	24.926, 21.538, 94.105
xyY	0.177, 0.153, 21.538
CIE-LCH	53.533, 73.492, 286.059
CIE-LUV	53.533, -27.599, -111.909
Hunter-Lab	46.409, 14.656, -87.739
Binary	00010101, 01111100, 11111011

#157cfb
```
#157cfb rgb(21,124,251)
```
#fb9415
```
#fb9415 rgb(251,148,21)
```

Complementary Color

#15effb
```
#15effb rgb(21,239,251)
```
#157cfb
```
#157cfb rgb(21,124,251)
```
#2115fb
```
#2115fb rgb(33,21,251)
```

Analogous Color

#effb15
```
#effb15 rgb(239,251,21)
```
#157cfb
```
#157cfb rgb(21,124,251)
```
#fb2115
```
#fb2115 rgb(251,33,21)
```

Split Complementary Color

#7cfb15
```
#7cfb15 rgb(124,251,21)
```
#157cfb
```
#157cfb rgb(21,124,251)
```
#fb157c
```
#fb157c rgb(251,21,124)
```

Triadic Color

#15fb94
```
#15fb94 rgb(21,251,148)
```
#157cfb
```
#157cfb rgb(21,124,251)
```
#fb157c
```
#fb157c rgb(251,21,124)
```
#fb9415
```
#fb9415 rgb(251,148,21)
```

Tetradic Color

#0358c0
```
#0358c0 rgb(3,88,192)
```
#0463d9
```
#0463d9 rgb(4,99,217)
```
#046ff2
```
#046ff2 rgb(4,111,242)
```
#157cfb
```
#157cfb rgb(21,124,251)
```
#2e8afb
```
#2e8afb rgb(46,138,251)
```
#4798fc
```
#4798fc rgb(71,152,252)
```
#60a6fc
```
#60a6fc rgb(96,166,252)
```

Monochromatic Color

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

#15b6fb
```
#15b6fb rgb(21,182,251)
```
#15a2fb
```
#15a2fb rgb(21,162,251)
```
#158ffb
```
#158ffb rgb(21,143,251)
```
#157cfb
```
#157cfb rgb(21,124,251)
```
#1569fb
```
#1569fb rgb(21,105,251)
```
#1556fb
```
#1556fb rgb(21,86,251)
```
#1543fb
```
#1543fb rgb(21,67,251)
```

Similar Colors

Text with hexadecimal color #157cfb

This text has a font color of #157cfb.

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

#157cfb background color

This paragraph has a background color of #157cfb.

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

#157cfb border color

This element has a border color of #157cfb.

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

CSS codes

.text {color:#157cfb;}

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

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

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)
```
#023471
```
#023471 rgb(2,52,113)
```
#023d84
```
#023d84 rgb(2,61,132)
```
#034598
```
#034598 rgb(3,69,152)
```
#034eab
```
#034eab rgb(3,78,171)
```
#0357be
```
#0357be rgb(3,87,190)
```
#0460d2
```
#0460d2 rgb(4,96,210)
```
#0469e5
```
#0469e5 rgb(4,105,229)
```
#0471f8
```
#0471f8 rgb(4,113,248)
```

Shade Color Variation

#157cfb
```
#157cfb rgb(21,124,251)
```
#2887fb
```
#2887fb rgb(40,135,251)
```
#3c92fc
```
#3c92fc rgb(60,146,252)
```
#4f9cfc
```
#4f9cfc rgb(79,156,252)
```
#62a7fc
```
#62a7fc rgb(98,167,252)
```
#75b2fd
```
#75b2fd rgb(117,178,253)
```
#89bdfd
```
#89bdfd rgb(137,189,253)
```
#9cc8fd
```
#9cc8fd rgb(156,200,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 #157cfb is the most saturated one.

#83878d
```
#83878d rgb(131,135,141)
```
#7a8796
```
#7a8796 rgb(122,135,150)
```
#71869f
```
#71869f rgb(113,134,159)
```
#6785a9
```
#6785a9 rgb(103,133,169)
```
#5e84b2
```
#5e84b2 rgb(94,132,178)
```
#5583bb
```
#5583bb rgb(85,131,187)
```
#4c82c4
```
#4c82c4 rgb(76,130,196)
```
#4381cd
```
#4381cd rgb(67,129,205)
```
#3a80d6
```
#3a80d6 rgb(58,128,214)
```
#307fe0
```
#307fe0 rgb(48,127,224)
```
#277ee9
```
#277ee9 rgb(39,126,233)
```
#1e7df2
```
#1e7df2 rgb(30,125,242)
```
#157cfb
```
#157cfb rgb(21,124,251)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5b6f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a82fa Protanopia 1% of men
#0089e0 Deuteranopia 1% of men
#00939c Tritanopia 0.001% of the population

Trichromacy

#2280fa Protanomaly 1% of men, 0.01% of women
#0784ea Deuteranomaly 6% of men, 0.4% of women
#078bbe Tritanomaly 0.01% of the population

#157cfb hex color

#157cfb Color Information

#157cfb Color Conversion

Color Schemes with #157cfb

Alternatives to #157cfb

#157cfb Preview

Shades and Tints of #157cfb

Tones of #157cfb

Color Blindness Simulator