#0163f6 hex color

In a RGB color space, hex #0163f6 is composed of 0.4% red, 38.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 59.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 216 degrees, a saturation of 99.2% and a lightness of 48.4%. #0163f6 color hex could be obtained by blending #02c6ff with #0000ed. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 0
- G 39
- B 96
RGB color chart
- C 100
- M 60
- Y 0
- K 4
CMYK color chart

● #0163f6 color description : Vivid blue.

The hexadecimal color #0163f6 has RGB values of R:1, G:99, B:246 and CMYK values of C:1, M:0.6, Y:0, K:0.04. Its decimal value is 91126.

Hex triplet	0163f6	`#0163f6`
RGB Decimal	1, 99, 246	`rgb(1,99,246)`
RGB Percent	0.4, 38.8, 96.5	`rgb(0.4%,38.8%,96.5%)`
CMYK	100, 60, 0, 4
HSL	216°, 99.2, 48.4	`hsl(216,99.2%,48.4%)`
HSV (or HSB)	216°, 99.6, 96.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	46.421, 33.718, -79.432
XYZ	21.105, 15.582, 89.079
xyY	0.168, 0.124, 15.582
CIE-LCH	46.421, 86.292, 293.001
CIE-LUV	46.421, -21.807, -120.525
Hunter-Lab	39.474, 26.357, -106.164
Binary	00000001, 01100011, 11110110

#0163f6
```
#0163f6 rgb(1,99,246)
```
#f69401
```
#f69401 rgb(246,148,1)
```

Complementary Color

#01def6
```
#01def6 rgb(1,222,246)
```
#0163f6
```
#0163f6 rgb(1,99,246)
```
#1901f6
```
#1901f6 rgb(25,1,246)
```

Analogous Color

#def601
```
#def601 rgb(222,246,1)
```
#0163f6
```
#0163f6 rgb(1,99,246)
```
#f61901
```
#f61901 rgb(246,25,1)
```

Split Complementary Color

#63f601
```
#63f601 rgb(99,246,1)
```
#0163f6
```
#0163f6 rgb(1,99,246)
```
#f60163
```
#f60163 rgb(246,1,99)
```

Triadic Color

#01f694
```
#01f694 rgb(1,246,148)
```
#0163f6
```
#0163f6 rgb(1,99,246)
```
#f60163
```
#f60163 rgb(246,1,99)
```
#f69401
```
#f69401 rgb(246,148,1)
```

Tetradic Color

#0144aa
```
#0144aa rgb(1,68,170)
```
#014fc3
```
#014fc3 rgb(1,79,195)
```
#0159dd
```
#0159dd rgb(1,89,221)
```
#0163f6
```
#0163f6 rgb(1,99,246)
```
#1271fe
```
#1271fe rgb(18,113,254)
```
#2c80fe
```
#2c80fe rgb(44,128,254)
```
#458ffe
```
#458ffe rgb(69,143,254)
```

Monochromatic Color

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

#01a0f6
```
#01a0f6 rgb(1,160,246)
```
#018cf6
```
#018cf6 rgb(1,140,246)
```
#0177f6
```
#0177f6 rgb(1,119,246)
```
#0163f6
```
#0163f6 rgb(1,99,246)
```
#014ff6
```
#014ff6 rgb(1,79,246)
```
#013af6
```
#013af6 rgb(1,58,246)
```
#0126f6
```
#0126f6 rgb(1,38,246)
```

Similar Colors

Text with hexadecimal color #0163f6

This text has a font color of #0163f6.

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

#0163f6 background color

This paragraph has a background color of #0163f6.

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

#0163f6 border color

This element has a border color of #0163f6.

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

CSS codes

.text {color:#0163f6;}

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

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

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, #00050c is the darkest color, while #f7faff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#000d1f
```
#000d1f rgb(0,13,31)
```
#001433
```
#001433 rgb(0,20,51)
```
#001c46
```
#001c46 rgb(0,28,70)
```
#00245a
```
#00245a rgb(0,36,90)
```
#002c6d
```
#002c6d rgb(0,44,109)
```
#013481
```
#013481 rgb(1,52,129)
```
#013c94
```
#013c94 rgb(1,60,148)
```
#0144a8
```
#0144a8 rgb(1,68,168)
```
#014bbb
```
#014bbb rgb(1,75,187)
```
#0153cf
```
#0153cf rgb(1,83,207)
```
#015be2
```
#015be2 rgb(1,91,226)
```
#0163f6
```
#0163f6 rgb(1,99,246)
```

Shade Color Variation

#0d6dfe
```
#0d6dfe rgb(13,109,254)
```
#2079fe
```
#2079fe rgb(32,121,254)
```
#3485fe
```
#3485fe rgb(52,133,254)
```
#4790fe
```
#4790fe rgb(71,144,254)
```
#5b9cfe
```
#5b9cfe rgb(91,156,254)
```
#6ea8fe
```
#6ea8fe rgb(110,168,254)
```
#82b4fe
```
#82b4fe rgb(130,180,254)
```
#95bfff
```
#95bfff rgb(149,191,255)
```
#a9cbff
```
#a9cbff rgb(169,203,255)
```
#bcd7ff
```
#bcd7ff rgb(188,215,255)
```
#d0e3ff
```
#d0e3ff rgb(208,227,255)
```
#e3eeff
```
#e3eeff rgb(227,238,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#737a84
```
#737a84 rgb(115,122,132)
```
#6a788e
```
#6a788e rgb(106,120,142)
```
#607697
```
#607697 rgb(96,118,151)
```
#5774a1
```
#5774a1 rgb(87,116,161)
```
#4d72aa
```
#4d72aa rgb(77,114,170)
```
#4470b4
```
#4470b4 rgb(68,112,180)
```
#3a6ebd
```
#3a6ebd rgb(58,110,189)
```
#316dc7
```
#316dc7 rgb(49,109,199)
```
#276bd0
```
#276bd0 rgb(39,107,208)
```
#1e69da
```
#1e69da rgb(30,105,218)
```
#1467e3
```
#1467e3 rgb(20,103,227)
```
#0b65ed
```
#0b65ed rgb(11,101,237)
```
#0163f6
```
#0163f6 rgb(1,99,246)
```

Tone Color Variation

Below, you can see how #0163f6 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
#455976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008187 Tritanopia 0.001% of the population

Trichromacy

#006ce7 Protanomaly 1% of men, 0.01% of women
#0070d4 Deuteranomaly 6% of men, 0.4% of women
#0076af Tritanomaly 0.01% of the population

#0163f6 hex color

#0163f6 Color Information

#0163f6 Color Conversion

Color Schemes with #0163f6

Alternatives to #0163f6

#0163f6 Preview

Shades and Tints of #0163f6

Tones of #0163f6

Color Blindness Simulator