#165ca3 hex color

In a RGB color space, hex #165ca3 is composed of 8.6% red, 36.1% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 43.6% magenta, 0% yellow and 36.1% black. It has a hue angle of 210.2 degrees, a saturation of 76.2% and a lightness of 36.3%. #165ca3 color hex could be obtained by blending #2cb8ff with #000047. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 9
- G 36
- B 64
RGB color chart
- C 87
- M 44
- Y 0
- K 36
CMYK color chart

● #165ca3 color description : Dark blue.

The hexadecimal color #165ca3 has RGB values of R:22, G:92, B:163 and CMYK values of C:0.87, M:0.44, Y:0, K:0.36. Its decimal value is 1465507.

Hex triplet	165ca3	`#165ca3`
RGB Decimal	22, 92, 163	`rgb(22,92,163)`
RGB Percent	8.6, 36.1, 63.9	`rgb(8.6%,36.1%,63.9%)`
CMYK	87, 44, 0, 36
HSL	210.2°, 76.2, 36.3	`hsl(210.2,76.2%,36.3%)`
HSV (or HSB)	210.2°, 86.5, 63.9
Web Safe	006699	`#006699`

CIE-LAB	38.67, 6.285, -44.167
XYZ	10.767, 10.468, 36.101
xyY	0.188, 0.183, 10.468
CIE-LCH	38.67, 44.612, 278.099
CIE-LUV	38.67, -21.036, -63.893
Hunter-Lab	32.355, 2.782, -43.508
Binary	00010110, 01011100, 10100011

#165ca3
```
#165ca3 rgb(22,92,163)
```
#a35d16
```
#a35d16 rgb(163,93,22)
```

Complementary Color

#16a3a3
```
#16a3a3 rgb(22,163,163)
```
#165ca3
```
#165ca3 rgb(22,92,163)
```
#1716a3
```
#1716a3 rgb(23,22,163)
```

Analogous Color

#a3a316
```
#a3a316 rgb(163,163,22)
```
#165ca3
```
#165ca3 rgb(22,92,163)
```
#a31716
```
#a31716 rgb(163,23,22)
```

Split Complementary Color

#5ca316
```
#5ca316 rgb(92,163,22)
```
#165ca3
```
#165ca3 rgb(22,92,163)
```
#a3165c
```
#a3165c rgb(163,22,92)
```

Triadic Color

#16a35d
```
#16a35d rgb(22,163,93)
```
#165ca3
```
#165ca3 rgb(22,92,163)
```
#a3165c
```
#a3165c rgb(163,22,92)
```
#a35d16
```
#a35d16 rgb(163,93,22)
```

Tetradic Color

#0d3660
```
#0d3660 rgb(13,54,96)
```
#104376
```
#104376 rgb(16,67,118)
```
#134f8d
```
#134f8d rgb(19,79,141)
```
#165ca3
```
#165ca3 rgb(22,92,163)
```
#1969b9
```
#1969b9 rgb(25,105,185)
```
#1c75d0
```
#1c75d0 rgb(28,117,208)
```
#2482e1
```
#2482e1 rgb(36,130,225)
```

Monochromatic Color

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

#167fa3
```
#167fa3 rgb(22,127,163)
```
#1674a3
```
#1674a3 rgb(22,116,163)
```
#1668a3
```
#1668a3 rgb(22,104,163)
```
#165ca3
```
#165ca3 rgb(22,92,163)
```
#1650a3
```
#1650a3 rgb(22,80,163)
```
#1645a3
```
#1645a3 rgb(22,69,163)
```
#1639a3
```
#1639a3 rgb(22,57,163)
```

Similar Colors

Text with hexadecimal color #165ca3

This text has a font color of #165ca3.

<span style="color:#165ca3;">Text here</span>

#165ca3 background color

This paragraph has a background color of #165ca3.

<p style="background-color:#165ca3;">Content here</p>

#165ca3 border color

This element has a border color of #165ca3.

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

CSS codes

.text {color:#165ca3;}

.background {background-color:#165ca3;}

.border {border:1px solid #165ca3;}

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

#010407
```
#010407 rgb(1,4,7)
```
#030e19
```
#030e19 rgb(3,14,25)
```
#06182a
```
#06182a rgb(6,24,42)
```
#08213b
```
#08213b rgb(8,33,59)
```
#0a2b4d
```
#0a2b4d rgb(10,43,77)
```
#0d355e
```
#0d355e rgb(13,53,94)
```
#0f3f6f
```
#0f3f6f rgb(15,63,111)
```
#114880
```
#114880 rgb(17,72,128)
```
#145292
```
#145292 rgb(20,82,146)
```
#165ca3
```
#165ca3 rgb(22,92,163)
```
#1866b4
```
#1866b4 rgb(24,102,180)
```
#1b70c6
```
#1b70c6 rgb(27,112,198)
```
#1d79d7
```
#1d79d7 rgb(29,121,215)
```

Shade Color Variation

#2683e2
```
#2683e2 rgb(38,131,226)
```
#378de4
```
#378de4 rgb(55,141,228)
```
#4897e6
```
#4897e6 rgb(72,151,230)
```
#5aa1e9
```
#5aa1e9 rgb(90,161,233)
```
#6babeb
```
#6babeb rgb(107,171,235)
```
#7cb4ed
```
#7cb4ed rgb(124,180,237)
```
#8dbef0
```
#8dbef0 rgb(141,190,240)
```
#9fc8f2
```
#9fc8f2 rgb(159,200,242)
```
#b0d2f4
```
#b0d2f4 rgb(176,210,244)
```
#c1dcf7
```
#c1dcf7 rgb(193,220,247)
```
#d3e6f9
```
#d3e6f9 rgb(211,230,249)
```
#e4f0fb
```
#e4f0fb rgb(228,240,251)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565c63 is the less saturated color, while #015cb8 is the most saturated one.

#565c63
```
#565c63 rgb(86,92,99)
```
#4f5c6a
```
#4f5c6a rgb(79,92,106)
```
#485c71
```
#485c71 rgb(72,92,113)
```
#415c78
```
#415c78 rgb(65,92,120)
```
#3a5c7f
```
#3a5c7f rgb(58,92,127)
```
#325c87
```
#325c87 rgb(50,92,135)
```
#2b5c8e
```
#2b5c8e rgb(43,92,142)
```
#245c95
```
#245c95 rgb(36,92,149)
```
#1d5c9c
```
#1d5c9c rgb(29,92,156)
```
#165ca3
```
#165ca3 rgb(22,92,163)
```
#0f5caa
```
#0f5caa rgb(15,92,170)
```
#085cb1
```
#085cb1 rgb(8,92,177)
```
#015cb8
```
#015cb8 rgb(1,92,184)
```

Tone Color Variation

Below, you can see how #165ca3 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

#4f4f4f Achromatopsia 0.005% of the population
#445260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4161a5 Protanopia 1% of men
#1865a7 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#315fa4 Protanomaly 1% of men, 0.01% of women
#1761a5 Deuteranomaly 6% of men, 0.4% of women
#086785 Tritanomaly 0.01% of the population

#165ca3 hex color

#165ca3 Color Information

#165ca3 Color Conversion

Color Schemes with #165ca3

Alternatives to #165ca3

#165ca3 Preview

Shades and Tints of #165ca3

Tones of #165ca3

Color Blindness Simulator