#0157f3 Color Information
In a RGB color space, hex #0157f3 is composed of 0.4% red, 34.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 64.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 218.7 degrees, a saturation of 99.2% and a lightness of 47.8%. #0157f3 color hex could be obtained by blending #02aeff with #0000e7. Closest websafe color is: #0066ff.
-
- R 0
- G 34
- B 95
-
- C 100
- M 64
- Y 0
- K 5
● #0157f3 color description : Vivid blue.
#0157f3 Color Conversion
The hexadecimal color #0157f3 has RGB values of R:1, G:87, B:243 and CMYK values of C:1, M:0.64, Y:0, K:0.05. Its decimal value is 88051.
Hex triplet | 0157f3 | #0157f3 |
---|---|---|
RGB Decimal | 1, 87, 243 | rgb(1,87,243) |
RGB Percent | 0.4, 34.1, 95.3 | rgb(0.4%,34.1%,95.3%) |
CMYK | 100, 64, 0, 5 | |
HSL | 218.7°, 99.2, 47.8 | hsl(218.7,99.2%,47.8%) |
HSV (or HSB) | 218.7°, 99.6, 95.3 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 43.2, 40.2, -83.035 |
---|---|
XYZ | 19.595, 13.292, 86.322 |
xyY | 0.164, 0.112, 13.292 |
CIE-LCH | 43.2, 92.254, 295.833 |
CIE-LUV | 43.2, -19.008, -122.449 |
Hunter-Lab | 36.458, 32.134, -114.859 |
Binary | 00000001, 01010111, 11110011 |
Color Schemes with #0157f3
Alternatives to #0157f3
Below, you can see some colors close to #0157f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0157f3 Preview
This text has a font color of #0157f3.
<span style="color:#0157f3;">Text here</span>
This paragraph has a background color of #0157f3.
<p style="background-color:#0157f3;">Content here</p>
This element has a border color of #0157f3.
<div style="border:1px solid #0157f3;">Content here</div>
.text {color:#0157f3;}
.background {background-color:#0157f3;}
.border {border:1px solid #0157f3;}
Shades and Tints of #0157f3
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, #000309 is the darkest color, while #f4f8ff is the lightest one.
-
#000309
#000309
rgb(0,3,9)
-
#000a1c
#000a1c
rgb(0,10,28)
-
#001130
#001130
rgb(0,17,48)
-
#001843
#001843
rgb(0,24,67)
-
#001f57
#001f57
rgb(0,31,87)
-
#00266a
#00266a
rgb(0,38,106)
-
#012d7e
#012d7e
rgb(1,45,126)
-
#013491
#013491
rgb(1,52,145)
-
#013ba5
#013ba5
rgb(1,59,165)
-
#0142b8
#0142b8
rgb(1,66,184)
-
#0149cc
#0149cc
rgb(1,73,204)
-
#0150df
#0150df
rgb(1,80,223)
-
#0157f3
#0157f3
rgb(1,87,243)
-
#0a60fe
#0a60fe
rgb(10,96,254)
-
#1d6dfe
#1d6dfe
rgb(29,109,254)
-
#317afe
#317afe
rgb(49,122,254)
-
#4486fe
#4486fe
rgb(68,134,254)
-
#5893fe
#5893fe
rgb(88,147,254)
-
#6ba0fe
#6ba0fe
rgb(107,160,254)
-
#7facfe
#7facfe
rgb(127,172,254)
-
#92b9ff
#92b9ff
rgb(146,185,255)
-
#a6c5ff
#a6c5ff
rgb(166,197,255)
-
#b9d2ff
#b9d2ff
rgb(185,210,255)
-
#cddfff
#cddfff
rgb(205,223,255)
-
#e1ebff
#e1ebff
rgb(225,235,255)
-
#f4f8ff
#f4f8ff
rgb(244,248,255)
Tones of #0157f3
A tone is produced by adding gray to any pure hue. In this case, #727882 is the less saturated color, while #0157f3 is the most saturated one.
-
#727882
#727882
rgb(114,120,130)
-
#68758c
#68758c
rgb(104,117,140)
-
#5f7295
#5f7295
rgb(95,114,149)
-
#556f9f
#556f9f
rgb(85,111,159)
-
#4c6da8
#4c6da8
rgb(76,109,168)
-
#436ab1
#436ab1
rgb(67,106,177)
-
#3967bb
#3967bb
rgb(57,103,187)
-
#3065c4
#3065c4
rgb(48,101,196)
-
#2762cd
#2762cd
rgb(39,98,205)
-
#1d5fd7
#1d5fd7
rgb(29,95,215)
-
#145ce0
#145ce0
rgb(20,92,224)
-
#0a5aea
#0a5aea
rgb(10,90,234)
-
#0157f3
#0157f3
rgb(1,87,243)
Color Blindness Simulator
Below, you can see how #0157f3 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.