#163fbd hex color

In a RGB color space, hex #163fbd is composed of 8.6% red, 24.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 88.4% cyan, 66.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 225.3 degrees, a saturation of 79.1% and a lightness of 41.4%. #163fbd color hex could be obtained by blending #2c7eff with #00007b. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 9
- G 25
- B 74
RGB color chart
- C 88
- M 67
- Y 0
- K 26
CMYK color chart

● #163fbd color description : Strong blue.

The hexadecimal color #163fbd has RGB values of R:22, G:63, B:189 and CMYK values of C:0.88, M:0.67, Y:0, K:0.26. Its decimal value is 1458109.

Hex triplet	163fbd	`#163fbd`
RGB Decimal	22, 63, 189	`rgb(22,63,189)`
RGB Percent	8.6, 24.7, 74.1	`rgb(8.6%,24.7%,74.1%)`
CMYK	88, 67, 0, 26
HSL	225.3°, 79.1, 41.4	`hsl(225.3,79.1%,41.4%)`
HSV (or HSB)	225.3°, 88.4, 74.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.698, 35.892, -69.276
XYZ	11.292, 7.399, 48.974
xyY	0.167, 0.109, 7.399
CIE-LCH	32.698, 78.022, 297.389
CIE-LUV	32.698, -12.776, -93.93
Hunter-Lab	27.201, 26.499, -87.71
Binary	00010110, 00111111, 10111101

#163fbd
```
#163fbd rgb(22,63,189)
```
#bd9416
```
#bd9416 rgb(189,148,22)
```

Complementary Color

#1693bd
```
#1693bd rgb(22,147,189)
```
#163fbd
```
#163fbd rgb(22,63,189)
```
#4116bd
```
#4116bd rgb(65,22,189)
```

Analogous Color

#93bd16
```
#93bd16 rgb(147,189,22)
```
#163fbd
```
#163fbd rgb(22,63,189)
```
#bd4116
```
#bd4116 rgb(189,65,22)
```

Split Complementary Color

#3fbd16
```
#3fbd16 rgb(63,189,22)
```
#163fbd
```
#163fbd rgb(22,63,189)
```
#bd163f
```
#bd163f rgb(189,22,63)
```

Triadic Color

#16bd94
```
#16bd94 rgb(22,189,148)
```
#163fbd
```
#163fbd rgb(22,63,189)
```
#bd163f
```
#bd163f rgb(189,22,63)
```
#bd9416
```
#bd9416 rgb(189,148,22)
```

Tetradic Color

#0e2878
```
#0e2878 rgb(14,40,120)
```
#11308f
```
#11308f rgb(17,48,143)
```
#1337a6
```
#1337a6 rgb(19,55,166)
```
#163fbd
```
#163fbd rgb(22,63,189)
```
#1947d4
```
#1947d4 rgb(25,71,212)
```
#2151e5
```
#2151e5 rgb(33,81,229)
```
#3863e8
```
#3863e8 rgb(56,99,232)
```

Monochromatic Color

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

#1669bd
```
#1669bd rgb(22,105,189)
```
#165bbd
```
#165bbd rgb(22,91,189)
```
#164dbd
```
#164dbd rgb(22,77,189)
```
#163fbd
```
#163fbd rgb(22,63,189)
```
#1631bd
```
#1631bd rgb(22,49,189)
```
#1623bd
```
#1623bd rgb(22,35,189)
```
#1716bd
```
#1716bd rgb(23,22,189)
```

Similar Colors

Text with hexadecimal color #163fbd

This text has a font color of #163fbd.

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

#163fbd background color

This paragraph has a background color of #163fbd.

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

#163fbd border color

This element has a border color of #163fbd.

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

CSS codes

.text {color:#163fbd;}

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

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

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, #02040d is the darkest color, while #fbfcff is the lightest one.

#02040d
```
#02040d rgb(2,4,13)
```
#040a1f
```
#040a1f rgb(4,10,31)
```
#061030
```
#061030 rgb(6,16,48)
```
#081642
```
#081642 rgb(8,22,66)
```
#0a1c54
```
#0a1c54 rgb(10,28,84)
```
#0c2265
```
#0c2265 rgb(12,34,101)
```
#0e2877
```
#0e2877 rgb(14,40,119)
```
#102d88
```
#102d88 rgb(16,45,136)
```
#12339a
```
#12339a rgb(18,51,154)
```
#1439ab
```
#1439ab rgb(20,57,171)
```
#163fbd
```
#163fbd rgb(22,63,189)
```
#1845cf
```
#1845cf rgb(24,69,207)
```
#1a4be0
```
#1a4be0 rgb(26,75,224)
```

Shade Color Variation

#2857e6
```
#2857e6 rgb(40,87,230)
```
#3964e8
```
#3964e8 rgb(57,100,232)
```
#4b72ea
```
#4b72ea rgb(75,114,234)
```
#5d80ec
```
#5d80ec rgb(93,128,236)
```
#6e8eee
```
#6e8eee rgb(110,142,238)
```
#809bf0
```
#809bf0 rgb(128,155,240)
```
#91a9f2
```
#91a9f2 rgb(145,169,242)
```
#a3b7f4
```
#a3b7f4 rgb(163,183,244)
```
#b4c5f6
```
#b4c5f6 rgb(180,197,246)
```
#c6d2f8
```
#c6d2f8 rgb(198,210,248)
```
#d8e0fa
```
#d8e0fa rgb(216,224,250)
```
#e9eefc
```
#e9eefc rgb(233,238,252)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67686c is the less saturated color, while #0637cd is the most saturated one.

#67686c
```
#67686c rgb(103,104,108)
```
#5f6474
```
#5f6474 rgb(95,100,116)
```
#57607c
```
#57607c rgb(87,96,124)
```
#4f5c84
```
#4f5c84 rgb(79,92,132)
```
#47588c
```
#47588c rgb(71,88,140)
```
#3f5494
```
#3f5494 rgb(63,84,148)
```
#36509d
```
#36509d rgb(54,80,157)
```
#2e4ba5
```
#2e4ba5 rgb(46,75,165)
```
#2647ad
```
#2647ad rgb(38,71,173)
```
#1e43b5
```
#1e43b5 rgb(30,67,181)
```
#163fbd
```
#163fbd rgb(22,63,189)
```
#0e3bc5
```
#0e3bc5 rgb(14,59,197)
```
#0637cd
```
#0637cd rgb(6,55,205)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#38415a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a3 Protanopia 1% of men
#00588d Deuteranopia 1% of men
#005e63 Tritanopia 0.001% of the population

Trichromacy

#084cac Protanomaly 1% of men, 0.01% of women
#084f9e Deuteranomaly 6% of men, 0.4% of women
#085383 Tritanomaly 0.01% of the population

#163fbd hex color

#163fbd Color Information

#163fbd Color Conversion

Color Schemes with #163fbd

Alternatives to #163fbd

#163fbd Preview

Shades and Tints of #163fbd

Tones of #163fbd

Color Blindness Simulator