#157cee hex color

In a RGB color space, hex #157cee is composed of 8.2% red, 48.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 47.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 211.5 degrees, a saturation of 86.5% and a lightness of 50.8%. #157cee color hex could be obtained by blending #2af8ff with #0000dd. Closest websafe color is: #0066ff.

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

● #157cee color description : Vivid blue.

The hexadecimal color #157cee has RGB values of R:21, G:124, B:238 and CMYK values of C:0.91, M:0.48, Y:0, K:0.07. Its decimal value is 1408238.

Hex triplet	157cee	`#157cee`
RGB Decimal	21, 124, 238	`rgb(21,124,238)`
RGB Percent	8.2, 48.6, 93.3	`rgb(8.2%,48.6%,93.3%)`
CMYK	91, 48, 0, 7
HSL	211.5°, 86.5, 50.8	`hsl(211.5,86.5%,50.8%)`
HSV (or HSB)	211.5°, 91.2, 93.3
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.67, 15.342, -64.799
XYZ	22.946, 20.746, 83.679
xyY	0.18, 0.163, 20.746
CIE-LCH	52.67, 66.591, 283.32
CIE-LUV	52.67, -28.066, -102.202
Hunter-Lab	45.547, 10.217, -77.043
Binary	00010101, 01111100, 11101110

#157cee
```
#157cee rgb(21,124,238)
```
#ee8715
```
#ee8715 rgb(238,135,21)
```

Complementary Color

#15e9ee
```
#15e9ee rgb(21,233,238)
```
#157cee
```
#157cee rgb(21,124,238)
```
#1b15ee
```
#1b15ee rgb(27,21,238)
```

Analogous Color

#e9ee15
```
#e9ee15 rgb(233,238,21)
```
#157cee
```
#157cee rgb(21,124,238)
```
#ee1b15
```
#ee1b15 rgb(238,27,21)
```

Split Complementary Color

#7cee15
```
#7cee15 rgb(124,238,21)
```
#157cee
```
#157cee rgb(21,124,238)
```
#ee157c
```
#ee157c rgb(238,21,124)
```

Triadic Color

#15ee87
```
#15ee87 rgb(21,238,135)
```
#157cee
```
#157cee rgb(21,124,238)
```
#ee157c
```
#ee157c rgb(238,21,124)
```
#ee8715
```
#ee8715 rgb(238,135,21)
```

Tetradic Color

#0c57aa
```
#0c57aa rgb(12,87,170)
```
#0e63c2
```
#0e63c2 rgb(14,99,194)
```
#1070da
```
#1070da rgb(16,112,218)
```
#157cee
```
#157cee rgb(21,124,238)
```
#2d89f0
```
#2d89f0 rgb(45,137,240)
```
#4597f1
```
#4597f1 rgb(69,151,241)
```
#5ca4f3
```
#5ca4f3 rgb(92,164,243)
```

Monochromatic Color

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

#15b2ee
```
#15b2ee rgb(21,178,238)
```
#15a0ee
```
#15a0ee rgb(21,160,238)
```
#158eee
```
#158eee rgb(21,142,238)
```
#157cee
```
#157cee rgb(21,124,238)
```
#156aee
```
#156aee rgb(21,106,238)
```
#1558ee
```
#1558ee rgb(21,88,238)
```
#1546ee
```
#1546ee rgb(21,70,238)
```

Similar Colors

Text with hexadecimal color #157cee

This text has a font color of #157cee.

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

#157cee background color

This paragraph has a background color of #157cee.

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

#157cee border color

This element has a border color of #157cee.

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

CSS codes

.text {color:#157cee;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020b16
```
#020b16 rgb(2,11,22)
```
#031528
```
#031528 rgb(3,21,40)
```
#041e3b
```
#041e3b rgb(4,30,59)
```
#06274d
```
#06274d rgb(6,39,77)
```
#07315f
```
#07315f rgb(7,49,95)
```
#083a71
```
#083a71 rgb(8,58,113)
```
#0a4484
```
#0a4484 rgb(10,68,132)
```
#0b4d96
```
#0b4d96 rgb(11,77,150)
```
#0c56a8
```
#0c56a8 rgb(12,86,168)
```
#0e60bb
```
#0e60bb rgb(14,96,187)
```
#0f69cd
```
#0f69cd rgb(15,105,205)
```
#1072df
```
#1072df rgb(16,114,223)
```

Shade Color Variation

#157cee
```
#157cee rgb(21,124,238)
```
#2786ef
```
#2786ef rgb(39,134,239)
```
#3a90f1
```
#3a90f1 rgb(58,144,241)
```
#4c9bf2
```
#4c9bf2 rgb(76,155,242)
```
#5ea5f3
```
#5ea5f3 rgb(94,165,243)
```
#70aff5
```
#70aff5 rgb(112,175,245)
```
#83b9f6
```
#83b9f6 rgb(131,185,246)
```
#95c4f7
```
#95c4f7 rgb(149,196,247)
```
#a7cef9
```
#a7cef9 rgb(167,206,249)
```
#bad8fa
```
#bad8fa rgb(186,216,250)
```
#cce2fb
```
#cce2fb rgb(204,226,251)
```
#deedfd
```
#deedfd rgb(222,237,253)
```
#f0f7fe
```
#f0f7fe rgb(240,247,254)
```

Tint Color Variation

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

#7f8184
```
#7f8184 rgb(127,129,132)
```
#76818d
```
#76818d rgb(118,129,141)
```
#6c8097
```
#6c8097 rgb(108,128,151)
```
#6280a1
```
#6280a1 rgb(98,128,161)
```
#597faa
```
#597faa rgb(89,127,170)
```
#4f7fb4
```
#4f7fb4 rgb(79,127,180)
```
#457ebe
```
#457ebe rgb(69,126,190)
```
#3c7ec7
```
#3c7ec7 rgb(60,126,199)
```
#327dd1
```
#327dd1 rgb(50,125,209)
```
#287ddb
```
#287ddb rgb(40,125,219)
```
#1f7ce4
```
#1f7ce4 rgb(31,124,228)
```
#157cee
```
#157cee rgb(21,124,238)
```
#0b7cf8
```
#0b7cf8 rgb(11,124,248)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#596e84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4080ed Protanopia 1% of men
#0087de Deuteranopia 1% of men
#009199 Tritanopia 0.001% of the population

Trichromacy

#307fed Protanomaly 1% of men, 0.01% of women
#0783e4 Deuteranomaly 6% of men, 0.4% of women
#0789b8 Tritanomaly 0.01% of the population

#157cee hex color

#157cee Color Information

#157cee Color Conversion

Color Schemes with #157cee

Alternatives to #157cee

#157cee Preview

Shades and Tints of #157cee

Tones of #157cee

Color Blindness Simulator