#157de7 hex color

In a RGB color space, hex #157de7 is composed of 8.2% red, 49% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 90.9% cyan, 45.9% magenta, 0% yellow and 9.4% black. It has a hue angle of 210.3 degrees, a saturation of 83.3% and a lightness of 49.4%. #157de7 color hex could be obtained by blending #2afaff with #0000cf. Closest websafe color is: #0066ff.

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

● #157de7 color description : Vivid blue.

The hexadecimal color #157de7 has RGB values of R:21, G:125, B:231 and CMYK values of C:0.91, M:0.46, Y:0, K:0.09. Its decimal value is 1408487.

Hex triplet	157de7	`#157de7`
RGB Decimal	21, 125, 231	`rgb(21,125,231)`
RGB Percent	8.2, 49, 90.6	`rgb(8.2%,49%,90.6%)`
CMYK	91, 46, 0, 9
HSL	210.3°, 83.3, 49.4	`hsl(210.3,83.3%,49.4%)`
HSV (or HSB)	210.3°, 90.9, 90.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.502, 12.02, -61.159
XYZ	22.063, 20.594, 78.409
xyY	0.182, 0.17, 20.594
CIE-LCH	52.502, 62.329, 281.119
CIE-LUV	52.502, -28.647, -96.226
Hunter-Lab	45.381, 7.367, -70.675
Binary	00010101, 01111101, 11100111

#157de7
```
#157de7 rgb(21,125,231)
```
#e77f15
```
#e77f15 rgb(231,127,21)
```

Complementary Color

#15e6e7
```
#15e6e7 rgb(21,230,231)
```
#157de7
```
#157de7 rgb(21,125,231)
```
#1615e7
```
#1615e7 rgb(22,21,231)
```

Analogous Color

#e6e715
```
#e6e715 rgb(230,231,21)
```
#157de7
```
#157de7 rgb(21,125,231)
```
#e71615
```
#e71615 rgb(231,22,21)
```

Split Complementary Color

#7de715
```
#7de715 rgb(125,231,21)
```
#157de7
```
#157de7 rgb(21,125,231)
```
#e7157d
```
#e7157d rgb(231,21,125)
```

Triadic Color

#15e77f
```
#15e77f rgb(21,231,127)
```
#157de7
```
#157de7 rgb(21,125,231)
```
#e7157d
```
#e7157d rgb(231,21,125)
```
#e77f15
```
#e77f15 rgb(231,127,21)
```

Tetradic Color

#0f57a1
```
#0f57a1 rgb(15,87,161)
```
#1164b8
```
#1164b8 rgb(17,100,184)
```
#1370d0
```
#1370d0 rgb(19,112,208)
```
#157de7
```
#157de7 rgb(21,125,231)
```
#2a8aec
```
#2a8aec rgb(42,138,236)
```
#4197ee
```
#4197ee rgb(65,151,238)
```
#59a4f0
```
#59a4f0 rgb(89,164,240)
```

Monochromatic Color

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

#15b2e7
```
#15b2e7 rgb(21,178,231)
```
#15a0e7
```
#15a0e7 rgb(21,160,231)
```
#158fe7
```
#158fe7 rgb(21,143,231)
```
#157de7
```
#157de7 rgb(21,125,231)
```
#156ce7
```
#156ce7 rgb(21,108,231)
```
#155ae7
```
#155ae7 rgb(21,90,231)
```
#1549e7
```
#1549e7 rgb(21,73,231)
```

Similar Colors

Text with hexadecimal color #157de7

This text has a font color of #157de7.

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

#157de7 background color

This paragraph has a background color of #157de7.

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

#157de7 border color

This element has a border color of #157de7.

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

CSS codes

.text {color:#157de7;}

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

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

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, #01080f is the darkest color, while #fcfdff is the lightest one.

#01080f
```
#01080f rgb(1,8,15)
```
#031221
```
#031221 rgb(3,18,33)
```
#051c33
```
#051c33 rgb(5,28,51)
```
#062545
```
#062545 rgb(6,37,69)
```
#082f57
```
#082f57 rgb(8,47,87)
```
#0a3969
```
#0a3969 rgb(10,57,105)
```
#0b437b
```
#0b437b rgb(11,67,123)
```
#0d4c8d
```
#0d4c8d rgb(13,76,141)
```
#0e569f
```
#0e569f rgb(14,86,159)
```
#1060b1
```
#1060b1 rgb(16,96,177)
```
#126ac3
```
#126ac3 rgb(18,106,195)
```
#1373d5
```
#1373d5 rgb(19,115,213)
```
#157de7
```
#157de7 rgb(21,125,231)
```

Shade Color Variation

#2487eb
```
#2487eb rgb(36,135,235)
```
#3691ed
```
#3691ed rgb(54,145,237)
```
#489bee
```
#489bee rgb(72,155,238)
```
#5aa5f0
```
#5aa5f0 rgb(90,165,240)
```
#6caef2
```
#6caef2 rgb(108,174,242)
```
#7eb8f3
```
#7eb8f3 rgb(126,184,243)
```
#90c2f5
```
#90c2f5 rgb(144,194,245)
```
#a2ccf7
```
#a2ccf7 rgb(162,204,247)
```
#b4d6f8
```
#b4d6f8 rgb(180,214,248)
```
#c6e0fa
```
#c6e0fa rgb(198,224,250)
```
#d8eafb
```
#d8eafb rgb(216,234,251)
```
#eaf4fd
```
#eaf4fd rgb(234,244,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767e86 is the less saturated color, while #027dfa is the most saturated one.

#767e86
```
#767e86 rgb(118,126,134)
```
#6c7e90
```
#6c7e90 rgb(108,126,144)
```
#637e99
```
#637e99 rgb(99,126,153)
```
#597ea3
```
#597ea3 rgb(89,126,163)
```
#4f7ead
```
#4f7ead rgb(79,126,173)
```
#457db7
```
#457db7 rgb(69,125,183)
```
#3c7dc0
```
#3c7dc0 rgb(60,125,192)
```
#327dca
```
#327dca rgb(50,125,202)
```
#287dd4
```
#287dd4 rgb(40,125,212)
```
#1f7ddd
```
#1f7ddd rgb(31,125,221)
```
#157de7
```
#157de7 rgb(21,125,231)
```
#0b7df1
```
#0b7df1 rgb(11,125,241)
```
#027dfa
```
#027dfa rgb(2,125,250)
```

Tone Color Variation

Below, you can see how #157de7 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
#596e83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a80e5 Protanopia 1% of men
#0086de Deuteranopia 1% of men
#009199 Tritanopia 0.001% of the population

Trichromacy

#377fe6 Protanomaly 1% of men, 0.01% of women
#0783e1 Deuteranomaly 6% of men, 0.4% of women
#0789b5 Tritanomaly 0.01% of the population

#157de7 hex color

#157de7 Color Information

#157de7 Color Conversion

Color Schemes with #157de7

Alternatives to #157de7

#157de7 Preview

Shades and Tints of #157de7

Tones of #157de7

Color Blindness Simulator