#0196f2 Color Information
In a RGB color space, hex #0196f2 is composed of 0.4% red, 58.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 38% magenta, 0% yellow and 5.1% black. It has a hue angle of 202.9 degrees, a saturation of 99.2% and a lightness of 47.6%. #0196f2 color hex could be obtained by blending #02ffff with #002de5. Closest websafe color is: #0099ff.
-
- R 0
- G 59
- B 95
-
- C 100
- M 38
- Y 0
- K 5
● #0196f2 color description : Vivid blue.
#0196f2 Color Conversion
The hexadecimal color #0196f2 has RGB values of R:1, G:150, B:242 and CMYK values of C:1, M:0.38, Y:0, K:0.05. Its decimal value is 104178.
Hex triplet | 0196f2 | #0196f2 |
---|---|---|
RGB Decimal | 1, 150, 242 | rgb(1,150,242) |
RGB Percent | 0.4, 58.8, 94.9 | rgb(0.4%,58.8%,94.9%) |
CMYK | 100, 38, 0, 5 | |
HSL | 202.9°, 99.2, 47.6 | hsl(202.9,99.2%,47.6%) |
HSV (or HSB) | 202.9°, 99.6, 94.9 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 60.094, 0.459, -55.12 |
---|---|
XYZ | 26.942, 28.227, 88.028 |
xyY | 0.188, 0.197, 28.227 |
CIE-LCH | 60.094, 55.122, 270.477 |
CIE-LUV | 60.094, -36.714, -88.079 |
Hunter-Lab | 53.129, -2.459, -61.044 |
Binary | 00000001, 10010110, 11110010 |
Color Schemes with #0196f2
Alternatives to #0196f2
Below, you can see some colors close to #0196f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0196f2 Preview
This text has a font color of #0196f2.
<span style="color:#0196f2;">Text here</span>
This paragraph has a background color of #0196f2.
<p style="background-color:#0196f2;">Content here</p>
This element has a border color of #0196f2.
<div style="border:1px solid #0196f2;">Content here</div>
.text {color:#0196f2;}
.background {background-color:#0196f2;}
.border {border:1px solid #0196f2;}
Shades and Tints of #0196f2
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, #000508 is the darkest color, while #f3faff is the lightest one.
-
#000508
#000508
rgb(0,5,8)
-
#00111b
#00111b
rgb(0,17,27)
-
#001d2f
#001d2f
rgb(0,29,47)
-
#002942
#002942
rgb(0,41,66)
-
#003556
#003556
rgb(0,53,86)
-
#004169
#004169
rgb(0,65,105)
-
#014d7d
#014d7d
rgb(1,77,125)
-
#015990
#015990
rgb(1,89,144)
-
#0166a4
#0166a4
rgb(1,102,164)
-
#0172b7
#0172b7
rgb(1,114,183)
-
#017ecb
#017ecb
rgb(1,126,203)
-
#018ade
#018ade
rgb(1,138,222)
-
#0196f2
#0196f2
rgb(1,150,242)
-
#09a0fe
#09a0fe
rgb(9,160,254)
-
#1ca8fe
#1ca8fe
rgb(28,168,254)
-
#30affe
#30affe
rgb(48,175,254)
-
#43b7fe
#43b7fe
rgb(67,183,254)
-
#57befe
#57befe
rgb(87,190,254)
-
#6ac6fe
#6ac6fe
rgb(106,198,254)
-
#7ecdfe
#7ecdfe
rgb(126,205,254)
-
#91d5ff
#91d5ff
rgb(145,213,255)
-
#a5dcff
#a5dcff
rgb(165,220,255)
-
#b8e4ff
#b8e4ff
rgb(184,228,255)
-
#ccebff
#ccebff
rgb(204,235,255)
-
#e0f3ff
#e0f3ff
rgb(224,243,255)
-
#f3faff
#f3faff
rgb(243,250,255)
Tones of #0196f2
A tone is produced by adding gray to any pure hue. In this case, #717b82 is the less saturated color, while #0196f2 is the most saturated one.
-
#717b82
#717b82
rgb(113,123,130)
-
#687e8b
#687e8b
rgb(104,126,139)
-
#5e8095
#5e8095
rgb(94,128,149)
-
#55829e
#55829e
rgb(85,130,158)
-
#4c84a7
#4c84a7
rgb(76,132,167)
-
#4287b1
#4287b1
rgb(66,135,177)
-
#3989ba
#3989ba
rgb(57,137,186)
-
#308bc3
#308bc3
rgb(48,139,195)
-
#268dcd
#268dcd
rgb(38,141,205)
-
#1d8fd6
#1d8fd6
rgb(29,143,214)
-
#1492df
#1492df
rgb(20,146,223)
-
#0a94e9
#0a94e9
rgb(10,148,233)
-
#0196f2
#0196f2
rgb(1,150,242)
Color Blindness Simulator
Below, you can see how #0196f2 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.