#163f99 hex color

In a RGB color space, hex #163f99 is composed of 8.6% red, 24.7% green and 60% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 58.8% magenta, 0% yellow and 40% black. It has a hue angle of 221.2 degrees, a saturation of 74.9% and a lightness of 34.3%. #163f99 color hex could be obtained by blending #2c7eff with #000033. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 9
- G 25
- B 60
RGB color chart
- C 86
- M 59
- Y 0
- K 40
CMYK color chart

● #163f99 color description : Dark blue.

The hexadecimal color #163f99 has RGB values of R:22, G:63, B:153 and CMYK values of C:0.86, M:0.59, Y:0, K:0.4. Its decimal value is 1458073.

Hex triplet	163f99	`#163f99`
RGB Decimal	22, 63, 153	`rgb(22,63,153)`
RGB Percent	8.6, 24.7, 60	`rgb(8.6%,24.7%,60%)`
CMYK	86, 59, 0, 40
HSL	221.2°, 74.9, 34.3	`hsl(221.2,74.9%,34.3%)`
HSV (or HSB)	221.2°, 85.6, 60
Web Safe	003399	`#003399`

CIE-LAB	29.475, 21.795, -53.003
XYZ	7.857, 6.025, 30.884
xyY	0.176, 0.135, 6.025
CIE-LCH	29.475, 57.309, 292.353
CIE-LUV	29.475, -12.72, -70.607
Hunter-Lab	24.546, 14.182, -57.419
Binary	00010110, 00111111, 10011001

#163f99
```
#163f99 rgb(22,63,153)
```
#997016
```
#997016 rgb(153,112,22)
```

Complementary Color

#168199
```
#168199 rgb(22,129,153)
```
#163f99
```
#163f99 rgb(22,63,153)
```
#2f1699
```
#2f1699 rgb(47,22,153)
```

Analogous Color

#819916
```
#819916 rgb(129,153,22)
```
#163f99
```
#163f99 rgb(22,63,153)
```
#992f16
```
#992f16 rgb(153,47,22)
```

Split Complementary Color

#3f9916
```
#3f9916 rgb(63,153,22)
```
#163f99
```
#163f99 rgb(22,63,153)
```
#99163f
```
#99163f rgb(153,22,63)
```

Triadic Color

#169970
```
#169970 rgb(22,153,112)
```
#163f99
```
#163f99 rgb(22,63,153)
```
#99163f
```
#99163f rgb(153,22,63)
```
#997016
```
#997016 rgb(153,112,22)
```

Tetradic Color

#0c2356
```
#0c2356 rgb(12,35,86)
```
#102d6c
```
#102d6c rgb(16,45,108)
```
#133683
```
#133683 rgb(19,54,131)
```
#163f99
```
#163f99 rgb(22,63,153)
```
#1948af
```
#1948af rgb(25,72,175)
```
#1c51c6
```
#1c51c6 rgb(28,81,198)
```
#205bdc
```
#205bdc rgb(32,91,220)
```

Monochromatic Color

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

#166099
```
#166099 rgb(22,96,153)
```
#165599
```
#165599 rgb(22,85,153)
```
#164a99
```
#164a99 rgb(22,74,153)
```
#163f99
```
#163f99 rgb(22,63,153)
```
#163499
```
#163499 rgb(22,52,153)
```
#162999
```
#162999 rgb(22,41,153)
```
#161e99
```
#161e99 rgb(22,30,153)
```

Similar Colors

Text with hexadecimal color #163f99

This text has a font color of #163f99.

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

#163f99 background color

This paragraph has a background color of #163f99.

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

#163f99 border color

This element has a border color of #163f99.

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

CSS codes

.text {color:#163f99;}

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

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

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

#020710
```
#020710 rgb(2,7,16)
```
#050e21
```
#050e21 rgb(5,14,33)
```
#071532
```
#071532 rgb(7,21,50)
```
#0a1c43
```
#0a1c43 rgb(10,28,67)
```
#0c2354
```
#0c2354 rgb(12,35,84)
```
#0f2a66
```
#0f2a66 rgb(15,42,102)
```
#113177
```
#113177 rgb(17,49,119)
```
#143888
```
#143888 rgb(20,56,136)
```
#163f99
```
#163f99 rgb(22,63,153)
```
#1846aa
```
#1846aa rgb(24,70,170)
```
#1b4dbb
```
#1b4dbb rgb(27,77,187)
```
#1d54cc
```
#1d54cc rgb(29,84,204)
```
#205bde
```
#205bde rgb(32,91,222)
```

Shade Color Variation

#3067e1
```
#3067e1 rgb(48,103,225)
```
#4174e4
```
#4174e4 rgb(65,116,228)
```
#5280e6
```
#5280e6 rgb(82,128,230)
```
#638de9
```
#638de9 rgb(99,141,233)
```
#749aeb
```
#749aeb rgb(116,154,235)
```
#86a6ee
```
#86a6ee rgb(134,166,238)
```
#97b3f0
```
#97b3f0 rgb(151,179,240)
```
#a8bff2
```
#a8bff2 rgb(168,191,242)
```
#b9ccf5
```
#b9ccf5 rgb(185,204,245)
```
#cad8f7
```
#cad8f7 rgb(202,216,247)
```
#dbe5fa
```
#dbe5fa rgb(219,229,250)
```
#edf1fc
```
#edf1fc rgb(237,241,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#53565c
```
#53565c rgb(83,86,92)
```
#4c5363
```
#4c5363 rgb(76,83,99)
```
#45516a
```
#45516a rgb(69,81,106)
```
#3e4e71
```
#3e4e71 rgb(62,78,113)
```
#384c77
```
#384c77 rgb(56,76,119)
```
#31497e
```
#31497e rgb(49,73,126)
```
#2a4785
```
#2a4785 rgb(42,71,133)
```
#23448c
```
#23448c rgb(35,68,140)
```
#1d4292
```
#1d4292 rgb(29,66,146)
```
#163f99
```
#163f99 rgb(22,63,153)
```
#0f3ca0
```
#0f3ca0 rgb(15,60,160)
```
#093aa6
```
#093aa6 rgb(9,58,166)
```
#0237ad
```
#0237ad rgb(2,55,173)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#353d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c96 Protanopia 1% of men
#005183 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#084797 Protanomaly 1% of men, 0.01% of women
#084a8b Deuteranomaly 6% of men, 0.4% of women
#084e71 Tritanomaly 0.01% of the population

#163f99 hex color

#163f99 Color Information

#163f99 Color Conversion

Color Schemes with #163f99

Alternatives to #163f99

#163f99 Preview

Shades and Tints of #163f99

Tones of #163f99

Color Blindness Simulator