#157af2 Color Information
In a RGB color space, hex #157af2 is composed of 8.2% red, 47.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 49.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 212.6 degrees, a saturation of 89.5% and a lightness of 51.6%. #157af2 color hex could be obtained by blending #2af4ff with #0000e5. Closest websafe color is: #0066ff.
-
- R 8
- G 48
- B 95
-
- C 91
- M 50
- Y 0
- K 5
● #157af2 color description : Vivid blue.
#157af2 Color Conversion
The hexadecimal color #157af2 has RGB values of R:21, G:122, B:242 and CMYK values of C:0.91, M:0.5, Y:0, K:0.05. Its decimal value is 1407730.
Hex triplet | 157af2 | #157af2 |
---|---|---|
RGB Decimal | 21, 122, 242 | rgb(21,122,242) |
RGB Percent | 8.2, 47.8, 94.9 | rgb(8.2%,47.8%,94.9%) |
CMYK | 91, 50, 0, 5 | |
HSL | 212.6°, 89.5, 51.6 | hsl(212.6,89.5%,51.6%) |
HSV (or HSB) | 212.6°, 91.3, 94.9 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 52.384, 18.134, -67.49 |
---|---|
XYZ | 23.292, 20.487, 86.726 |
xyY | 0.178, 0.157, 20.487 |
CIE-LCH | 52.384, 69.884, 285.04 |
CIE-LUV | 52.384, -27.331, -106.392 |
Hunter-Lab | 45.263, 12.646, -81.919 |
Binary | 00010101, 01111010, 11110010 |
Color Schemes with #157af2
Alternatives to #157af2
Below, you can see some colors close to #157af2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#157af2 Preview
This text has a font color of #157af2.
<span style="color:#157af2;">Text here</span>
This paragraph has a background color of #157af2.
<p style="background-color:#157af2;">Content here</p>
This element has a border color of #157af2.
<div style="border:1px solid #157af2;">Content here</div>
.text {color:#157af2;}
.background {background-color:#157af2;}
.border {border:1px solid #157af2;}
Shades and Tints of #157af2
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, #000408 is the darkest color, while #f4f9fe is the lightest one.
-
#000408
#000408
rgb(0,4,8)
-
#010d1a
#010d1a
rgb(1,13,26)
-
#02162d
#02162d
rgb(2,22,45)
-
#041f3f
#041f3f
rgb(4,31,63)
-
#052852
#052852
rgb(5,40,82)
-
#063164
#063164
rgb(6,49,100)
-
#073a77
#073a77
rgb(7,58,119)
-
#08438a
#08438a
rgb(8,67,138)
-
#094c9c
#094c9c
rgb(9,76,156)
-
#0a55af
#0a55af
rgb(10,85,175)
-
#0b5ec1
#0b5ec1
rgb(11,94,193)
-
#0c67d4
#0c67d4
rgb(12,103,212)
-
#0d70e7
#0d70e7
rgb(13,112,231)
-
#157af2
#157af2
rgb(21,122,242)
-
#2885f3
#2885f3
rgb(40,133,243)
-
#3a8ff4
#3a8ff4
rgb(58,143,244)
-
#4d9af5
#4d9af5
rgb(77,154,245)
-
#5fa4f6
#5fa4f6
rgb(95,164,246)
-
#72aff7
#72aff7
rgb(114,175,247)
-
#84b9f8
#84b9f8
rgb(132,185,248)
-
#97c4f9
#97c4f9
rgb(151,196,249)
-
#aacefa
#aacefa
rgb(170,206,250)
-
#bcd9fb
#bcd9fb
rgb(188,217,251)
-
#cfe4fc
#cfe4fc
rgb(207,228,252)
-
#e1eefd
#e1eefd
rgb(225,238,253)
-
#f4f9fe
#f4f9fe
rgb(244,249,254)
Tones of #157af2
A tone is produced by adding gray to any pure hue. In this case, #7e838a is the less saturated color, while #0c79fc is the most saturated one.
-
#7e838a
#7e838a
rgb(126,131,138)
-
#748293
#748293
rgb(116,130,147)
-
#6b819d
#6b819d
rgb(107,129,157)
-
#6181a6
#6181a6
rgb(97,129,166)
-
#5880b0
#5880b0
rgb(88,128,176)
-
#4e7fb9
#4e7fb9
rgb(78,127,185)
-
#457ec3
#457ec3
rgb(69,126,195)
-
#3b7dcc
#3b7dcc
rgb(59,125,204)
-
#327cd6
#327cd6
rgb(50,124,214)
-
#287cdf
#287cdf
rgb(40,124,223)
-
#1e7be9
#1e7be9
rgb(30,123,233)
-
#157af2
#157af2
rgb(21,122,242)
-
#0c79fc
#0c79fc
rgb(12,121,252)
Color Blindness Simulator
Below, you can see how #157af2 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.