#0163f2 hex color

In a RGB color space, hex #0163f2 is composed of 0.4% red, 38.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 59.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 215.6 degrees, a saturation of 99.2% and a lightness of 47.6%. #0163f2 color hex could be obtained by blending #02c6ff with #0000e5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 0
- G 39
- B 95
RGB color chart
- C 100
- M 59
- Y 0
- K 5
CMYK color chart

● #0163f2 color description : Vivid blue.

The hexadecimal color #0163f2 has RGB values of R:1, G:99, B:242 and CMYK values of C:1, M:0.59, Y:0, K:0.05. Its decimal value is 91122.

Hex triplet	0163f2	`#0163f2`
RGB Decimal	1, 99, 242	`rgb(1,99,242)`
RGB Percent	0.4, 38.8, 94.9	`rgb(0.4%,38.8%,94.9%)`
CMYK	100, 59, 0, 5
HSL	215.6°, 99.2, 47.6	`hsl(215.6,99.2%,47.6%)`
HSV (or HSB)	215.6°, 99.6, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	46.095, 32.191, -77.727
XYZ	20.498, 15.339, 85.88
xyY	0.168, 0.126, 15.339
CIE-LCH	46.095, 84.13, 292.497
CIE-LUV	46.095, -21.878, -117.87
Hunter-Lab	39.165, 24.882, -102.593
Binary	00000001, 01100011, 11110010

#0163f2
```
#0163f2 rgb(1,99,242)
```
#f29001
```
#f29001 rgb(242,144,1)
```

Complementary Color

#01dcf2
```
#01dcf2 rgb(1,220,242)
```
#0163f2
```
#0163f2 rgb(1,99,242)
```
#1701f2
```
#1701f2 rgb(23,1,242)
```

Analogous Color

#dcf201
```
#dcf201 rgb(220,242,1)
```
#0163f2
```
#0163f2 rgb(1,99,242)
```
#f21801
```
#f21801 rgb(242,24,1)
```

Split Complementary Color

#63f201
```
#63f201 rgb(99,242,1)
```
#0163f2
```
#0163f2 rgb(1,99,242)
```
#f20163
```
#f20163 rgb(242,1,99)
```

Triadic Color

#01f290
```
#01f290 rgb(1,242,144)
```
#0163f2
```
#0163f2 rgb(1,99,242)
```
#f20163
```
#f20163 rgb(242,1,99)
```
#f29001
```
#f29001 rgb(242,144,1)
```

Tetradic Color

#0144a6
```
#0144a6 rgb(1,68,166)
```
#014ebf
```
#014ebf rgb(1,78,191)
```
#0159d9
```
#0159d9 rgb(1,89,217)
```
#0163f2
```
#0163f2 rgb(1,99,242)
```
#0e70fe
```
#0e70fe rgb(14,112,254)
```
#287ffe
```
#287ffe rgb(40,127,254)
```
#418efe
```
#418efe rgb(65,142,254)
```

Monochromatic Color

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

#019ff2
```
#019ff2 rgb(1,159,242)
```
#018bf2
```
#018bf2 rgb(1,139,242)
```
#0177f2
```
#0177f2 rgb(1,119,242)
```
#0163f2
```
#0163f2 rgb(1,99,242)
```
#014ff2
```
#014ff2 rgb(1,79,242)
```
#013bf2
```
#013bf2 rgb(1,59,242)
```
#0127f2
```
#0127f2 rgb(1,39,242)
```

Similar Colors

Text with hexadecimal color #0163f2

This text has a font color of #0163f2.

<span style="color:#0163f2;">Text here</span>

#0163f2 background color

This paragraph has a background color of #0163f2.

<p style="background-color:#0163f2;">Content here</p>

#0163f2 border color

This element has a border color of #0163f2.

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

CSS codes

.text {color:#0163f2;}

.background {background-color:#0163f2;}

.border {border:1px solid #0163f2;}

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, #000308 is the darkest color, while #f3f8ff is the lightest one.

#000308
```
#000308 rgb(0,3,8)
```
#000b1b
```
#000b1b rgb(0,11,27)
```
#00132f
```
#00132f rgb(0,19,47)
```
#001b42
```
#001b42 rgb(0,27,66)
```
#002356
```
#002356 rgb(0,35,86)
```
#002b69
```
#002b69 rgb(0,43,105)
```
#01337d
```
#01337d rgb(1,51,125)
```
#013b90
```
#013b90 rgb(1,59,144)
```
#0143a4
```
#0143a4 rgb(1,67,164)
```
#014bb7
```
#014bb7 rgb(1,75,183)
```
#0153cb
```
#0153cb rgb(1,83,203)
```
#015bde
```
#015bde rgb(1,91,222)
```
#0163f2
```
#0163f2 rgb(1,99,242)
```

Shade Color Variation

#096cfe
```
#096cfe rgb(9,108,254)
```
#1c78fe
```
#1c78fe rgb(28,120,254)
```
#3084fe
```
#3084fe rgb(48,132,254)
```
#438ffe
```
#438ffe rgb(67,143,254)
```
#579bfe
```
#579bfe rgb(87,155,254)
```
#6aa7fe
```
#6aa7fe rgb(106,167,254)
```
#7eb2fe
```
#7eb2fe rgb(126,178,254)
```
#91beff
```
#91beff rgb(145,190,255)
```
#a5c9ff
```
#a5c9ff rgb(165,201,255)
```
#b8d5ff
```
#b8d5ff rgb(184,213,255)
```
#cce1ff
```
#cce1ff rgb(204,225,255)
```
#e0ecff
```
#e0ecff rgb(224,236,255)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

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

#717882
```
#717882 rgb(113,120,130)
```
#68768b
```
#68768b rgb(104,118,139)
```
#5e7495
```
#5e7495 rgb(94,116,149)
```
#55739e
```
#55739e rgb(85,115,158)
```
#4c71a7
```
#4c71a7 rgb(76,113,167)
```
#426fb1
```
#426fb1 rgb(66,111,177)
```
#396dba
```
#396dba rgb(57,109,186)
```
#306cc3
```
#306cc3 rgb(48,108,195)
```
#266acd
```
#266acd rgb(38,106,205)
```
#1d68d6
```
#1d68d6 rgb(29,104,214)
```
#1466df
```
#1466df rgb(20,102,223)
```
#0a65e9
```
#0a65e9 rgb(10,101,233)
```
#0163f2
```
#0163f2 rgb(1,99,242)
```

Tone Color Variation

Below, you can see how #0163f2 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

#565656 Achromatopsia 0.005% of the population
#455975 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008086 Tritanopia 0.001% of the population

Trichromacy

#006ce4 Protanomaly 1% of men, 0.01% of women
#0070d2 Deuteranomaly 6% of men, 0.4% of women
#0075ad Tritanomaly 0.01% of the population

#0163f2 hex color

#0163f2 Color Information

#0163f2 Color Conversion

Color Schemes with #0163f2

Alternatives to #0163f2

#0163f2 Preview

Shades and Tints of #0163f2

Tones of #0163f2

Color Blindness Simulator