#157bec hex color

In a RGB color space, hex #157bec is composed of 8.2% red, 48.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 47.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 211.5 degrees, a saturation of 85% and a lightness of 50.4%. #157bec color hex could be obtained by blending #2af6ff with #0000d9. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 48
- B 93
RGB color chart
- C 91
- M 48
- Y 0
- K 7
CMYK color chart

● #157bec color description : Vivid blue.

The hexadecimal color #157bec has RGB values of R:21, G:123, B:236 and CMYK values of C:0.91, M:0.48, Y:0, K:0.07. Its decimal value is 1407980.

Hex triplet	157bec	`#157bec`
RGB Decimal	21, 123, 236	`rgb(21,123,236)`
RGB Percent	8.2, 48.2, 92.5	`rgb(8.2%,48.2%,92.5%)`
CMYK	91, 48, 0, 7
HSL	211.5°, 85, 50.4	`hsl(211.5,85%,50.4%)`
HSV (or HSB)	211.5°, 91.1, 92.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.264, 15.197, -64.339
XYZ	22.529, 20.379, 82.098
xyY	0.18, 0.163, 20.379
CIE-LCH	52.264, 66.11, 283.29
CIE-LUV	52.264, -27.845, -101.292
Hunter-Lab	45.144, 10.08, -76.225
Binary	00010101, 01111011, 11101100

#157bec
```
#157bec rgb(21,123,236)
```
#ec8615
```
#ec8615 rgb(236,134,21)
```

Complementary Color

#15e7ec
```
#15e7ec rgb(21,231,236)
```
#157bec
```
#157bec rgb(21,123,236)
```
#1b15ec
```
#1b15ec rgb(27,21,236)
```

Analogous Color

#e7ec15
```
#e7ec15 rgb(231,236,21)
```
#157bec
```
#157bec rgb(21,123,236)
```
#ec1b15
```
#ec1b15 rgb(236,27,21)
```

Split Complementary Color

#7bec15
```
#7bec15 rgb(123,236,21)
```
#157bec
```
#157bec rgb(21,123,236)
```
#ec157b
```
#ec157b rgb(236,21,123)
```

Triadic Color

#15ec86
```
#15ec86 rgb(21,236,134)
```
#157bec
```
#157bec rgb(21,123,236)
```
#ec157b
```
#ec157b rgb(236,21,123)
```
#ec8615
```
#ec8615 rgb(236,134,21)
```

Tetradic Color

#0e56a7
```
#0e56a7 rgb(14,86,167)
```
#0f63bf
```
#0f63bf rgb(15,99,191)
```
#116fd6
```
#116fd6 rgb(17,111,214)
```
#157bec
```
#157bec rgb(21,123,236)
```
#2d88ee
```
#2d88ee rgb(45,136,238)
```
#4496f0
```
#4496f0 rgb(68,150,240)
```
#5ca3f2
```
#5ca3f2 rgb(92,163,242)
```

Monochromatic Color

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

#15b1ec
```
#15b1ec rgb(21,177,236)
```
#159fec
```
#159fec rgb(21,159,236)
```
#158dec
```
#158dec rgb(21,141,236)
```
#157bec
```
#157bec rgb(21,123,236)
```
#1569ec
```
#1569ec rgb(21,105,236)
```
#1557ec
```
#1557ec rgb(21,87,236)
```
#1545ec
```
#1545ec rgb(21,69,236)
```

Similar Colors

Text with hexadecimal color #157bec

This text has a font color of #157bec.

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

#157bec background color

This paragraph has a background color of #157bec.

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

#157bec border color

This element has a border color of #157bec.

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

CSS codes

.text {color:#157bec;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020a14
```
#020a14 rgb(2,10,20)
```
#031426
```
#031426 rgb(3,20,38)
```
#051d38
```
#051d38 rgb(5,29,56)
```
#06264a
```
#06264a rgb(6,38,74)
```
#08305d
```
#08305d rgb(8,48,93)
```
#09396f
```
#09396f rgb(9,57,111)
```
#0a4381
```
#0a4381 rgb(10,67,129)
```
#0c4c93
```
#0c4c93 rgb(12,76,147)
```
#0d55a5
```
#0d55a5 rgb(13,85,165)
```
#0f5fb7
```
#0f5fb7 rgb(15,95,183)
```
#1068c9
```
#1068c9 rgb(16,104,201)
```
#1272dc
```
#1272dc rgb(18,114,220)
```

Shade Color Variation

#157bec
```
#157bec rgb(21,123,236)
```
#2785ed
```
#2785ed rgb(39,133,237)
```
#398fef
```
#398fef rgb(57,143,239)
```
#4b9af0
```
#4b9af0 rgb(75,154,240)
```
#5ea4f2
```
#5ea4f2 rgb(94,164,242)
```
#70aef3
```
#70aef3 rgb(112,174,243)
```
#82b8f5
```
#82b8f5 rgb(130,184,245)
```
#94c3f6
```
#94c3f6 rgb(148,195,246)
```
#a6cdf8
```
#a6cdf8 rgb(166,205,248)
```
#b8d7f9
```
#b8d7f9 rgb(184,215,249)
```
#cae1fb
```
#cae1fb rgb(202,225,251)
```
#ddecfc
```
#ddecfc rgb(221,236,252)
```
#eff6fe
```
#eff6fe rgb(239,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808081 is the less saturated color, while #0b7bf6 is the most saturated one.

#808081
```
#808081 rgb(128,128,129)
```
#76808b
```
#76808b rgb(118,128,139)
```
#6d7f94
```
#6d7f94 rgb(109,127,148)
```
#637f9e
```
#637f9e rgb(99,127,158)
```
#597ea8
```
#597ea8 rgb(89,126,168)
```
#4f7eb2
```
#4f7eb2 rgb(79,126,178)
```
#467dbb
```
#467dbb rgb(70,125,187)
```
#3c7dc5
```
#3c7dc5 rgb(60,125,197)
```
#327ccf
```
#327ccf rgb(50,124,207)
```
#287cd9
```
#287cd9 rgb(40,124,217)
```
#1f7be2
```
#1f7be2 rgb(31,123,226)
```
#157bec
```
#157bec rgb(21,123,236)
```
#0b7bf6
```
#0b7bf6 rgb(11,123,246)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#586d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#407feb Protanopia 1% of men
#0086dc Deuteranopia 1% of men
#009098 Tritanopia 0.001% of the population

Trichromacy

#307eeb Protanomaly 1% of men, 0.01% of women
#0782e2 Deuteranomaly 6% of men, 0.4% of women
#0788b7 Tritanomaly 0.01% of the population

#157bec hex color

#157bec Color Information

#157bec Color Conversion

Color Schemes with #157bec

Alternatives to #157bec

#157bec Preview

Shades and Tints of #157bec

Tones of #157bec

Color Blindness Simulator