#165ca2 hex color

In a RGB color space, hex #165ca2 is composed of 8.6% red, 36.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 43.2% magenta, 0% yellow and 36.5% black. It has a hue angle of 210 degrees, a saturation of 76.1% and a lightness of 36.1%. #165ca2 color hex could be obtained by blending #2cb8ff with #000045. Closest websafe color is: #006699.

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

● #165ca2 color description : Dark blue.

The hexadecimal color #165ca2 has RGB values of R:22, G:92, B:162 and CMYK values of C:0.86, M:0.43, Y:0, K:0.36. Its decimal value is 1465506.

Hex triplet	165ca2	`#165ca2`
RGB Decimal	22, 92, 162	`rgb(22,92,162)`
RGB Percent	8.6, 36.1, 63.5	`rgb(8.6%,36.1%,63.5%)`
CMYK	86, 43, 0, 36
HSL	210°, 76.1, 36.1	`hsl(210,76.1%,36.1%)`
HSV (or HSB)	210°, 86.4, 63.5
Web Safe	006699	`#006699`

CIE-LAB	38.608, 5.883, -43.671
XYZ	10.678, 10.433, 35.631
xyY	0.188, 0.184, 10.433
CIE-LCH	38.608, 44.066, 277.672
CIE-LUV	38.608, -21.075, -63.107
Hunter-Lab	32.299, 2.487, -42.796
Binary	00010110, 01011100, 10100010

#165ca2
```
#165ca2 rgb(22,92,162)
```
#a25c16
```
#a25c16 rgb(162,92,22)
```

Complementary Color

#16a2a2
```
#16a2a2 rgb(22,162,162)
```
#165ca2
```
#165ca2 rgb(22,92,162)
```
#1616a2
```
#1616a2 rgb(22,22,162)
```

Analogous Color

#a2a216
```
#a2a216 rgb(162,162,22)
```
#165ca2
```
#165ca2 rgb(22,92,162)
```
#a21616
```
#a21616 rgb(162,22,22)
```

Split Complementary Color

#5ca216
```
#5ca216 rgb(92,162,22)
```
#165ca2
```
#165ca2 rgb(22,92,162)
```
#a2165c
```
#a2165c rgb(162,22,92)
```

Triadic Color

#16a25c
```
#16a25c rgb(22,162,92)
```
#165ca2
```
#165ca2 rgb(22,92,162)
```
#a2165c
```
#a2165c rgb(162,22,92)
```
#a25c16
```
#a25c16 rgb(162,92,22)
```

Tetradic Color

#0d365f
```
#0d365f rgb(13,54,95)
```
#104375
```
#104375 rgb(16,67,117)
```
#134f8c
```
#134f8c rgb(19,79,140)
```
#165ca2
```
#165ca2 rgb(22,92,162)
```
#1969b8
```
#1969b8 rgb(25,105,184)
```
#1c76cf
```
#1c76cf rgb(28,118,207)
```
#2382e1
```
#2382e1 rgb(35,130,225)
```

Monochromatic Color

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

#167fa2
```
#167fa2 rgb(22,127,162)
```
#1673a2
```
#1673a2 rgb(22,115,162)
```
#1668a2
```
#1668a2 rgb(22,104,162)
```
#165ca2
```
#165ca2 rgb(22,92,162)
```
#1650a2
```
#1650a2 rgb(22,80,162)
```
#1645a2
```
#1645a2 rgb(22,69,162)
```
#1639a2
```
#1639a2 rgb(22,57,162)
```

Similar Colors

Text with hexadecimal color #165ca2

This text has a font color of #165ca2.

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

#165ca2 background color

This paragraph has a background color of #165ca2.

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

#165ca2 border color

This element has a border color of #165ca2.

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

CSS codes

.text {color:#165ca2;}

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

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

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 #f4f9fe is the lightest one.

#010407
```
#010407 rgb(1,4,7)
```
#030e18
```
#030e18 rgb(3,14,24)
```
#061729
```
#061729 rgb(6,23,41)
```
#08213a
```
#08213a rgb(8,33,58)
```
#0a2b4c
```
#0a2b4c rgb(10,43,76)
```
#0d355d
```
#0d355d rgb(13,53,93)
```
#0f3f6e
```
#0f3f6e rgb(15,63,110)
```
#11487f
```
#11487f rgb(17,72,127)
```
#145291
```
#145291 rgb(20,82,145)
```
#165ca2
```
#165ca2 rgb(22,92,162)
```
#1866b3
```
#1866b3 rgb(24,102,179)
```
#1b70c5
```
#1b70c5 rgb(27,112,197)
```
#1d79d6
```
#1d79d6 rgb(29,121,214)
```

Shade Color Variation

#2583e1
```
#2583e1 rgb(37,131,225)
```
#368de4
```
#368de4 rgb(54,141,228)
```
#4897e6
```
#4897e6 rgb(72,151,230)
```
#59a1e8
```
#59a1e8 rgb(89,161,232)
```
#6aaaeb
```
#6aaaeb rgb(106,170,235)
```
#7bb4ed
```
#7bb4ed rgb(123,180,237)
```
#8dbeef
```
#8dbeef rgb(141,190,239)
```
#9ec8f2
```
#9ec8f2 rgb(158,200,242)
```
#afd2f4
```
#afd2f4 rgb(175,210,244)
```
#c0dcf7
```
#c0dcf7 rgb(192,220,247)
```
#d2e5f9
```
#d2e5f9 rgb(210,229,249)
```
#e3effb
```
#e3effb rgb(227,239,251)
```
#f4f9fe
```
#f4f9fe rgb(244,249,254)
```

Tint Color Variation

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

#565c62
```
#565c62 rgb(86,92,98)
```
#4f5c69
```
#4f5c69 rgb(79,92,105)
```
#485c70
```
#485c70 rgb(72,92,112)
```
#405c78
```
#405c78 rgb(64,92,120)
```
#395c7f
```
#395c7f rgb(57,92,127)
```
#325c86
```
#325c86 rgb(50,92,134)
```
#2b5c8d
```
#2b5c8d rgb(43,92,141)
```
#245c94
```
#245c94 rgb(36,92,148)
```
#1d5c9b
```
#1d5c9b rgb(29,92,155)
```
#165ca2
```
#165ca2 rgb(22,92,162)
```
#0f5ca9
```
#0f5ca9 rgb(15,92,169)
```
#085cb0
```
#085cb0 rgb(8,92,176)
```
#015cb7
```
#015cb7 rgb(1,92,183)
```

Tone Color Variation

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

#4261a4 Protanopia 1% of men
#1c64a6 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#325fa3 Protanomaly 1% of men, 0.01% of women
#1a61a4 Deuteranomaly 6% of men, 0.4% of women
#086684 Tritanomaly 0.01% of the population

#165ca2 hex color

#165ca2 Color Information

#165ca2 Color Conversion

Color Schemes with #165ca2

Alternatives to #165ca2

#165ca2 Preview

Shades and Tints of #165ca2

Tones of #165ca2

Color Blindness Simulator