#157af7 hex color

In a RGB color space, hex #157af7 is composed of 8.2% red, 47.8% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 50.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 213.2 degrees, a saturation of 93.4% and a lightness of 52.5%. #157af7 color hex could be obtained by blending #2af4ff with #0000ef. Closest websafe color is: #0066ff.

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

● #157af7 color description : Vivid blue.

The hexadecimal color #157af7 has RGB values of R:21, G:122, B:247 and CMYK values of C:0.91, M:0.51, Y:0, K:0.03. Its decimal value is 1407735.

Hex triplet	157af7	`#157af7`
RGB Decimal	21, 122, 247	`rgb(21,122,247)`
RGB Percent	8.2, 47.8, 96.9	`rgb(8.2%,47.8%,96.9%)`
CMYK	91, 51, 0, 3
HSL	213.2°, 93.4, 52.5	`hsl(213.2,93.4%,52.5%)`
HSV (or HSB)	213.2°, 91.5, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.721, 20.054, -69.723
XYZ	24.054, 20.792, 90.736
xyY	0.177, 0.153, 20.792
CIE-LCH	52.721, 72.55, 286.046
CIE-LUV	52.721, -27.16, -110.093
Hunter-Lab	45.598, 14.365, -86.063
Binary	00010101, 01111010, 11110111

#157af7
```
#157af7 rgb(21,122,247)
```
#f79215
```
#f79215 rgb(247,146,21)
```

Complementary Color

#15ebf7
```
#15ebf7 rgb(21,235,247)
```
#157af7
```
#157af7 rgb(21,122,247)
```
#2115f7
```
#2115f7 rgb(33,21,247)
```

Analogous Color

#ebf715
```
#ebf715 rgb(235,247,21)
```
#157af7
```
#157af7 rgb(21,122,247)
```
#f72115
```
#f72115 rgb(247,33,21)
```

Split Complementary Color

#7af715
```
#7af715 rgb(122,247,21)
```
#157af7
```
#157af7 rgb(21,122,247)
```
#f7157a
```
#f7157a rgb(247,21,122)
```

Triadic Color

#15f792
```
#15f792 rgb(21,247,146)
```
#157af7
```
#157af7 rgb(21,122,247)
```
#f7157a
```
#f7157a rgb(247,21,122)
```
#f79215
```
#f79215 rgb(247,146,21)
```

Tetradic Color

#0656b9
```
#0656b9 rgb(6,86,185)
```
#0762d2
```
#0762d2 rgb(7,98,210)
```
#086dea
```
#086dea rgb(8,109,234)
```
#157af7
```
#157af7 rgb(21,122,247)
```
#2e88f8
```
#2e88f8 rgb(46,136,248)
```
#4696f9
```
#4696f9 rgb(70,150,249)
```
#5fa4fa
```
#5fa4fa rgb(95,164,250)
```

Monochromatic Color

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

#15b3f7
```
#15b3f7 rgb(21,179,247)
```
#15a0f7
```
#15a0f7 rgb(21,160,247)
```
#158df7
```
#158df7 rgb(21,141,247)
```
#157af7
```
#157af7 rgb(21,122,247)
```
#1567f7
```
#1567f7 rgb(21,103,247)
```
#1554f7
```
#1554f7 rgb(21,84,247)
```
#1542f7
```
#1542f7 rgb(21,66,247)
```

Similar Colors

Text with hexadecimal color #157af7

This text has a font color of #157af7.

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

#157af7 background color

This paragraph has a background color of #157af7.

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

#157af7 border color

This element has a border color of #157af7.

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

CSS codes

.text {color:#157af7;}

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

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

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, #00060d is the darkest color, while #f9fbff is the lightest one.

#00060d
```
#00060d rgb(0,6,13)
```
#010f20
```
#010f20 rgb(1,15,32)
```
#021833
```
#021833 rgb(2,24,51)
```
#022045
```
#022045 rgb(2,32,69)
```
#032958
```
#032958 rgb(3,41,88)
```
#04326b
```
#04326b rgb(4,50,107)
```
#043b7e
```
#043b7e rgb(4,59,126)
```
#054491
```
#054491 rgb(5,68,145)
```
#064da4
```
#064da4 rgb(6,77,164)
```
#0655b7
```
#0655b7 rgb(6,85,183)
```
#075eca
```
#075eca rgb(7,94,202)
```
#0867dd
```
#0867dd rgb(8,103,221)
```
#0870f0
```
#0870f0 rgb(8,112,240)
```

Shade Color Variation

#157af7
```
#157af7 rgb(21,122,247)
```
#2885f8
```
#2885f8 rgb(40,133,248)
```
#3b90f8
```
#3b90f8 rgb(59,144,248)
```
#4e9af9
```
#4e9af9 rgb(78,154,249)
```
#61a5fa
```
#61a5fa rgb(97,165,250)
```
#74b0fa
```
#74b0fa rgb(116,176,250)
```
#87bbfb
```
#87bbfb rgb(135,187,251)
```
#9ac5fc
```
#9ac5fc rgb(154,197,252)
```
#add0fc
```
#add0fc rgb(173,208,252)
```
#c0dbfd
```
#c0dbfd rgb(192,219,253)
```
#d3e6fd
```
#d3e6fd rgb(211,230,253)
```
#e6f1fe
```
#e6f1fe rgb(230,241,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#858687
```
#858687 rgb(133,134,135)
```
#7b8591
```
#7b8591 rgb(123,133,145)
```
#72849a
```
#72849a rgb(114,132,154)
```
#6983a3
```
#6983a3 rgb(105,131,163)
```
#5f82ad
```
#5f82ad rgb(95,130,173)
```
#5681b6
```
#5681b6 rgb(86,129,182)
```
#4d80bf
```
#4d80bf rgb(77,128,191)
```
#447fc8
```
#447fc8 rgb(68,127,200)
```
#3a7ed2
```
#3a7ed2 rgb(58,126,210)
```
#317ddb
```
#317ddb rgb(49,125,219)
```
#287ce4
```
#287ce4 rgb(40,124,228)
```
#1e7bee
```
#1e7bee rgb(30,123,238)
```
#157af7
```
#157af7 rgb(21,122,247)
```

Tone Color Variation

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

Dichromacy

#2a80f7 Protanopia 1% of men
#0087dd Deuteranopia 1% of men
#009199 Tritanopia 0.001% of the population

Trichromacy

#227ef7 Protanomaly 1% of men, 0.01% of women
#0782e6 Deuteranomaly 6% of men, 0.4% of women
#0789bb Tritanomaly 0.01% of the population

#157af7 hex color

#157af7 Color Information

#157af7 Color Conversion

Color Schemes with #157af7

Alternatives to #157af7

#157af7 Preview

Shades and Tints of #157af7

Tones of #157af7

Color Blindness Simulator