#163ba8 hex color

In a RGB color space, hex #163ba8 is composed of 8.6% red, 23.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 64.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 224.8 degrees, a saturation of 76.8% and a lightness of 37.3%. #163ba8 color hex could be obtained by blending #2c76ff with #000051. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 9
- G 23
- B 66
RGB color chart
- C 87
- M 65
- Y 0
- K 34
CMYK color chart

● #163ba8 color description : Dark blue.

The hexadecimal color #163ba8 has RGB values of R:22, G:59, B:168 and CMYK values of C:0.87, M:0.65, Y:0, K:0.34. Its decimal value is 1457064.

Hex triplet	163ba8	`#163ba8`
RGB Decimal	22, 59, 168	`rgb(22,59,168)`
RGB Percent	8.6, 23.1, 65.9	`rgb(8.6%,23.1%,65.9%)`
CMYK	87, 65, 0, 34
HSL	224.8°, 76.8, 37.3	`hsl(224.8,76.8%,37.3%)`
HSV (or HSB)	224.8°, 86.9, 65.9
Web Safe	003399	`#003399`

CIE-LAB	29.726, 30.476, -61.669
XYZ	8.961, 6.125, 37.754
xyY	0.17, 0.116, 6.125
CIE-LCH	29.726, 68.789, 296.298
CIE-LUV	29.726, -11.753, -81.483
Hunter-Lab	24.749, 21.323, -73.122
Binary	00010110, 00111011, 10101000

#163ba8
```
#163ba8 rgb(22,59,168)
```
#a88316
```
#a88316 rgb(168,131,22)
```

Complementary Color

#1684a8
```
#1684a8 rgb(22,132,168)
```
#163ba8
```
#163ba8 rgb(22,59,168)
```
#3a16a8
```
#3a16a8 rgb(58,22,168)
```

Analogous Color

#84a816
```
#84a816 rgb(132,168,22)
```
#163ba8
```
#163ba8 rgb(22,59,168)
```
#a83a16
```
#a83a16 rgb(168,58,22)
```

Split Complementary Color

#3ba816
```
#3ba816 rgb(59,168,22)
```
#163ba8
```
#163ba8 rgb(22,59,168)
```
#a8163b
```
#a8163b rgb(168,22,59)
```

Triadic Color

#16a883
```
#16a883 rgb(22,168,131)
```
#163ba8
```
#163ba8 rgb(22,59,168)
```
#a8163b
```
#a8163b rgb(168,22,59)
```
#a88316
```
#a88316 rgb(168,131,22)
```

Tetradic Color

#0d2364
```
#0d2364 rgb(13,35,100)
```
#102b7b
```
#102b7b rgb(16,43,123)
```
#133391
```
#133391 rgb(19,51,145)
```
#163ba8
```
#163ba8 rgb(22,59,168)
```
#1943bf
```
#1943bf rgb(25,67,191)
```
#1c4bd5
```
#1c4bd5 rgb(28,75,213)
```
#2857e3
```
#2857e3 rgb(40,87,227)
```

Monochromatic Color

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

#1660a8
```
#1660a8 rgb(22,96,168)
```
#1653a8
```
#1653a8 rgb(22,83,168)
```
#1647a8
```
#1647a8 rgb(22,71,168)
```
#163ba8
```
#163ba8 rgb(22,59,168)
```
#162fa8
```
#162fa8 rgb(22,47,168)
```
#1623a8
```
#1623a8 rgb(22,35,168)
```
#1617a8
```
#1617a8 rgb(22,23,168)
```

Similar Colors

Text with hexadecimal color #163ba8

This text has a font color of #163ba8.

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

#163ba8 background color

This paragraph has a background color of #163ba8.

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

#163ba8 border color

This element has a border color of #163ba8.

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

CSS codes

.text {color:#163ba8;}

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

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

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

#02040c
```
#02040c rgb(2,4,12)
```
#040a1d
```
#040a1d rgb(4,10,29)
```
#06102f
```
#06102f rgb(6,16,47)
```
#081640
```
#081640 rgb(8,22,64)
```
#0b1d51
```
#0b1d51 rgb(11,29,81)
```
#0d2363
```
#0d2363 rgb(13,35,99)
```
#0f2974
```
#0f2974 rgb(15,41,116)
```
#112f85
```
#112f85 rgb(17,47,133)
```
#143597
```
#143597 rgb(20,53,151)
```
#163ba8
```
#163ba8 rgb(22,59,168)
```
#1841b9
```
#1841b9 rgb(24,65,185)
```
#1b47cb
```
#1b47cb rgb(27,71,203)
```
#1d4ddc
```
#1d4ddc rgb(29,77,220)
```

Shade Color Variation

#2958e3
```
#2958e3 rgb(41,88,227)
```
#3b66e5
```
#3b66e5 rgb(59,102,229)
```
#4c74e8
```
#4c74e8 rgb(76,116,232)
```
#5d81ea
```
#5d81ea rgb(93,129,234)
```
#6f8fec
```
#6f8fec rgb(111,143,236)
```
#809cee
```
#809cee rgb(128,156,238)
```
#91aaf1
```
#91aaf1 rgb(145,170,241)
```
#a3b7f3
```
#a3b7f3 rgb(163,183,243)
```
#b4c5f5
```
#b4c5f5 rgb(180,197,245)
```
#c6d2f7
```
#c6d2f7 rgb(198,210,247)
```
#d7e0fa
```
#d7e0fa rgb(215,224,250)
```
#e8edfc
```
#e8edfc rgb(232,237,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585b66 is the less saturated color, while #0030be is the most saturated one.

#585b66
```
#585b66 rgb(88,91,102)
```
#50586e
```
#50586e rgb(80,88,110)
```
#495475
```
#495475 rgb(73,84,117)
```
#42517c
```
#42517c rgb(66,81,124)
```
#3b4d83
```
#3b4d83 rgb(59,77,131)
```
#33498b
```
#33498b rgb(51,73,139)
```
#2c4692
```
#2c4692 rgb(44,70,146)
```
#254299
```
#254299 rgb(37,66,153)
```
#1d3fa1
```
#1d3fa1 rgb(29,63,161)
```
#163ba8
```
#163ba8 rgb(22,59,168)
```
#0f37af
```
#0f37af rgb(15,55,175)
```
#0734b7
```
#0734b7 rgb(7,52,183)
```
#0030be
```
#0030be rgb(0,48,190)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#343c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005183 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#08469d Protanomaly 1% of men, 0.01% of women
#084990 Deuteranomaly 6% of men, 0.4% of women
#084d77 Tritanomaly 0.01% of the population

#163ba8 hex color

#163ba8 Color Information

#163ba8 Color Conversion

Color Schemes with #163ba8

Alternatives to #163ba8

#163ba8 Preview

Shades and Tints of #163ba8

Tones of #163ba8

Color Blindness Simulator