#163bdf hex color

In a RGB color space, hex #163bdf is composed of 8.6% red, 23.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 73.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 229 degrees, a saturation of 82% and a lightness of 48%. #163bdf color hex could be obtained by blending #2c76ff with #0000bf. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 9
- G 23
- B 87
RGB color chart
- C 90
- M 74
- Y 0
- K 13
CMYK color chart

● #163bdf color description : Vivid blue.

The hexadecimal color #163bdf has RGB values of R:22, G:59, B:223 and CMYK values of C:0.9, M:0.74, Y:0, K:0.13. Its decimal value is 1457119.

Hex triplet	163bdf	`#163bdf`
RGB Decimal	22, 59, 223	`rgb(22,59,223)`
RGB Percent	8.6, 23.1, 87.5	`rgb(8.6%,23.1%,87.5%)`
CMYK	90, 74, 0, 13
HSL	229°, 82, 48	`hsl(229,82%,48%)`
HSV (or HSB)	229°, 90.1, 87.5
Web Safe	0033cc	`#0033cc`

CIE-LAB	35.252, 50.551, -84.798
XYZ	15.211, 8.625, 70.671
xyY	0.161, 0.091, 8.625
CIE-LCH	35.252, 98.722, 300.8
CIE-LUV	35.252, -12.471, -114.869
Hunter-Lab	29.368, 41.06, -122.116
Binary	00010110, 00111011, 11011111

#163bdf
```
#163bdf rgb(22,59,223)
```
#dfba16
```
#dfba16 rgb(223,186,22)
```

Complementary Color

#16a0df
```
#16a0df rgb(22,160,223)
```
#163bdf
```
#163bdf rgb(22,59,223)
```
#5616df
```
#5616df rgb(86,22,223)
```

Analogous Color

#a0df16
```
#a0df16 rgb(160,223,22)
```
#163bdf
```
#163bdf rgb(22,59,223)
```
#df5616
```
#df5616 rgb(223,86,22)
```

Split Complementary Color

#3bdf16
```
#3bdf16 rgb(59,223,22)
```
#163bdf
```
#163bdf rgb(22,59,223)
```
#df163b
```
#df163b rgb(223,22,59)
```

Triadic Color

#16dfba
```
#16dfba rgb(22,223,186)
```
#163bdf
```
#163bdf rgb(22,59,223)
```
#df163b
```
#df163b rgb(223,22,59)
```
#dfba16
```
#dfba16 rgb(223,186,22)
```

Tetradic Color

#0f2999
```
#0f2999 rgb(15,41,153)
```
#112fb1
```
#112fb1 rgb(17,47,177)
```
#1435c8
```
#1435c8 rgb(20,53,200)
```
#163bdf
```
#163bdf rgb(22,59,223)
```
#2549e9
```
#2549e9 rgb(37,73,233)
```
#3c5dec
```
#3c5dec rgb(60,93,236)
```
#5370ee
```
#5370ee rgb(83,112,238)
```

Monochromatic Color

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

#166ddf
```
#166ddf rgb(22,109,223)
```
#165ddf
```
#165ddf rgb(22,93,223)
```
#164cdf
```
#164cdf rgb(22,76,223)
```
#163bdf
```
#163bdf rgb(22,59,223)
```
#162adf
```
#162adf rgb(22,42,223)
```
#161adf
```
#161adf rgb(22,26,223)
```
#2316df
```
#2316df rgb(35,22,223)
```

Similar Colors

Text with hexadecimal color #163bdf

This text has a font color of #163bdf.

<span style="color:#163bdf;">Text here</span>

#163bdf background color

This paragraph has a background color of #163bdf.

<p style="background-color:#163bdf;">Content here</p>

#163bdf border color

This element has a border color of #163bdf.

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

CSS codes

.text {color:#163bdf;}

.background {background-color:#163bdf;}

.border {border:1px solid #163bdf;}

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

#010209
```
#010209 rgb(1,2,9)
```
#03071b
```
#03071b rgb(3,7,27)
```
#040c2c
```
#040c2c rgb(4,12,44)
```
#06103e
```
#06103e rgb(6,16,62)
```
#081550
```
#081550 rgb(8,21,80)
```
#0a1a62
```
#0a1a62 rgb(10,26,98)
```
#0b1f74
```
#0b1f74 rgb(11,31,116)
```
#0d2386
```
#0d2386 rgb(13,35,134)
```
#0f2898
```
#0f2898 rgb(15,40,152)
```
#112da9
```
#112da9 rgb(17,45,169)
```
#1232bb
```
#1232bb rgb(18,50,187)
```
#1436cd
```
#1436cd rgb(20,54,205)
```
#163bdf
```
#163bdf rgb(22,59,223)
```

Shade Color Variation

#2045e9
```
#2045e9 rgb(32,69,233)
```
#3254eb
```
#3254eb rgb(50,84,235)
```
#4362ec
```
#4362ec rgb(67,98,236)
```
#5571ee
```
#5571ee rgb(85,113,238)
```
#6780f0
```
#6780f0 rgb(103,128,240)
```
#798ff2
```
#798ff2 rgb(121,143,242)
```
#8b9ef4
```
#8b9ef4 rgb(139,158,244)
```
#9dadf5
```
#9dadf5 rgb(157,173,245)
```
#aebcf7
```
#aebcf7 rgb(174,188,247)
```
#c0cbf9
```
#c0cbf9 rgb(192,203,249)
```
#d2dafb
```
#d2dafb rgb(210,218,251)
```
#e4e9fc
```
#e4e9fc rgb(228,233,252)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#747781
```
#747781 rgb(116,119,129)
```
#6b718a
```
#6b718a rgb(107,113,138)
```
#616b94
```
#616b94 rgb(97,107,148)
```
#58659d
```
#58659d rgb(88,101,157)
```
#4f5fa6
```
#4f5fa6 rgb(79,95,166)
```
#4559b0
```
#4559b0 rgb(69,89,176)
```
#3c53b9
```
#3c53b9 rgb(60,83,185)
```
#324dc3
```
#324dc3 rgb(50,77,195)
```
#2947cc
```
#2947cc rgb(41,71,204)
```
#1f41d6
```
#1f41d6 rgb(31,65,214)
```
#163bdf
```
#163bdf rgb(22,59,223)
```
#0d35e8
```
#0d35e8 rgb(13,53,232)
```
#032ff2
```
#032ff2 rgb(3,47,242)
```

Tone Color Variation

Below, you can see how #163bdf 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

#434343 Achromatopsia 0.005% of the population
#3a4162 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e96 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#084ebf Protanomaly 1% of men, 0.01% of women
#0851b0 Deuteranomaly 6% of men, 0.4% of women
#085594 Tritanomaly 0.01% of the population

#163bdf hex color

#163bdf Color Information

#163bdf Color Conversion

Color Schemes with #163bdf

Alternatives to #163bdf

#163bdf Preview

Shades and Tints of #163bdf

Tones of #163bdf

Color Blindness Simulator