#157af5 Color Information
In a RGB color space, hex #157af5 is composed of 8.2% red, 47.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 91.4% cyan, 50.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 212.9 degrees, a saturation of 91.8% and a lightness of 52.2%. #157af5 color hex could be obtained by blending #2af4ff with #0000eb. Closest websafe color is: #0066ff.
-
- R 8
- G 48
- B 96
-
- C 91
- M 50
- Y 0
- K 4
● #157af5 color description : Vivid blue.
#157af5 Color Conversion
The hexadecimal color #157af5 has RGB values of R:21, G:122, B:245 and CMYK values of C:0.91, M:0.5, Y:0, K:0.04. Its decimal value is 1407733.
Hex triplet | 157af5 | #157af5 |
---|---|---|
RGB Decimal | 21, 122, 245 | rgb(21,122,245) |
RGB Percent | 8.2, 47.8, 96.1 | rgb(8.2%,47.8%,96.1%) |
CMYK | 91, 50, 0, 4 | |
HSL | 212.9°, 91.8, 52.2 | hsl(212.9,91.8%,52.2%) |
HSV (or HSB) | 212.9°, 91.4, 96.1 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 52.585, 19.287, -68.832 |
---|---|
XYZ | 23.747, 20.669, 89.119 |
xyY | 0.178, 0.155, 20.669 |
CIE-LCH | 52.585, 71.483, 285.653 |
CIE-LUV | 52.585, -27.228, -108.618 |
Hunter-Lab | 45.463, 13.675, -84.399 |
Binary | 00010101, 01111010, 11110101 |
Color Schemes with #157af5
Alternatives to #157af5
Below, you can see some colors close to #157af5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#157af5 Preview
This text has a font color of #157af5.
<span style="color:#157af5;">Text here</span>
This paragraph has a background color of #157af5.
<p style="background-color:#157af5;">Content here</p>
This element has a border color of #157af5.
<div style="border:1px solid #157af5;">Content here</div>
.text {color:#157af5;}
.background {background-color:#157af5;}
.border {border:1px solid #157af5;}
Shades and Tints of #157af5
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, #00050b is the darkest color, while #f7faff is the lightest one.
-
#00050b
#00050b
rgb(0,5,11)
-
#010e1d
#010e1d
rgb(1,14,29)
-
#021730
#021730
rgb(2,23,48)
-
#032043
#032043
rgb(3,32,67)
-
#042956
#042956
rgb(4,41,86)
-
#043269
#043269
rgb(4,50,105)
-
#053b7b
#053b7b
rgb(5,59,123)
-
#06438e
#06438e
rgb(6,67,142)
-
#074ca1
#074ca1
rgb(7,76,161)
-
#0855b4
#0855b4
rgb(8,85,180)
-
#085ec7
#085ec7
rgb(8,94,199)
-
#0967d9
#0967d9
rgb(9,103,217)
-
#0a70ec
#0a70ec
rgb(10,112,236)
-
#157af5
#157af5
rgb(21,122,245)
-
#2885f6
#2885f6
rgb(40,133,246)
-
#3b8ff7
#3b8ff7
rgb(59,143,247)
-
#4d9af7
#4d9af7
rgb(77,154,247)
-
#60a5f8
#60a5f8
rgb(96,165,248)
-
#73aff9
#73aff9
rgb(115,175,249)
-
#86bafa
#86bafa
rgb(134,186,250)
-
#99c5fb
#99c5fb
rgb(153,197,251)
-
#abd0fb
#abd0fb
rgb(171,208,251)
-
#bedafc
#bedafc
rgb(190,218,252)
-
#d1e5fd
#d1e5fd
rgb(209,229,253)
-
#e4f0fe
#e4f0fe
rgb(228,240,254)
-
#f7faff
#f7faff
rgb(247,250,255)
Tones of #157af5
A tone is produced by adding gray to any pure hue. In this case, #7c848e is the less saturated color, while #0c79fe is the most saturated one.
-
#7c848e
#7c848e
rgb(124,132,142)
-
#738397
#738397
rgb(115,131,151)
-
#6982a1
#6982a1
rgb(105,130,161)
-
#6081aa
#6081aa
rgb(96,129,170)
-
#5780b3
#5780b3
rgb(87,128,179)
-
#4d80bd
#4d80bd
rgb(77,128,189)
-
#447fc6
#447fc6
rgb(68,127,198)
-
#3b7ecf
#3b7ecf
rgb(59,126,207)
-
#317dd9
#317dd9
rgb(49,125,217)
-
#287ce2
#287ce2
rgb(40,124,226)
-
#1e7bec
#1e7bec
rgb(30,123,236)
-
#157af5
#157af5
rgb(21,122,245)
-
#0c79fe
#0c79fe
rgb(12,121,254)
Color Blindness Simulator
Below, you can see how #157af5 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.