#165caf hex color

In a RGB color space, hex #165caf is composed of 8.6% red, 36.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 47.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 212.5 degrees, a saturation of 77.7% and a lightness of 38.6%. #165caf color hex could be obtained by blending #2cb8ff with #00005f. Closest websafe color is: #006699.

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

● #165caf color description : Dark blue.

The hexadecimal color #165caf has RGB values of R:22, G:92, B:175 and CMYK values of C:0.87, M:0.47, Y:0, K:0.31. Its decimal value is 1465519.

Hex triplet	165caf	`#165caf`
RGB Decimal	22, 92, 175	`rgb(22,92,175)`
RGB Percent	8.6, 36.1, 68.6	`rgb(8.6%,36.1%,68.6%)`
CMYK	87, 47, 0, 31
HSL	212.5°, 77.7, 38.6	`hsl(212.5,77.7%,38.6%)`
HSV (or HSB)	212.5°, 87.4, 68.6
Web Safe	006699	`#006699`

CIE-LAB	39.444, 11.112, -50.037
XYZ	11.894, 10.919, 42.036
xyY	0.183, 0.168, 10.919
CIE-LCH	39.444, 51.256, 282.52
CIE-LUV	39.444, -20.608, -73.175
Hunter-Lab	33.044, 6.424, -52.293
Binary	00010110, 01011100, 10101111

#165caf
```
#165caf rgb(22,92,175)
```
#af6916
```
#af6916 rgb(175,105,22)
```

Complementary Color

#16a9af
```
#16a9af rgb(22,169,175)
```
#165caf
```
#165caf rgb(22,92,175)
```
#1d16af
```
#1d16af rgb(29,22,175)
```

Analogous Color

#a9af16
```
#a9af16 rgb(169,175,22)
```
#165caf
```
#165caf rgb(22,92,175)
```
#af1d16
```
#af1d16 rgb(175,29,22)
```

Split Complementary Color

#5caf16
```
#5caf16 rgb(92,175,22)
```
#165caf
```
#165caf rgb(22,92,175)
```
#af165c
```
#af165c rgb(175,22,92)
```

Triadic Color

#16af69
```
#16af69 rgb(22,175,105)
```
#165caf
```
#165caf rgb(22,92,175)
```
#af165c
```
#af165c rgb(175,22,92)
```
#af6916
```
#af6916 rgb(175,105,22)
```

Tetradic Color

#0d386b
```
#0d386b rgb(13,56,107)
```
#104482
```
#104482 rgb(16,68,130)
```
#135098
```
#135098 rgb(19,80,152)
```
#165caf
```
#165caf rgb(22,92,175)
```
#1968c6
```
#1968c6 rgb(25,104,198)
```
#1c74dc
```
#1c74dc rgb(28,116,220)
```
#2d81e5
```
#2d81e5 rgb(45,129,229)
```

Monochromatic Color

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

#1682af
```
#1682af rgb(22,130,175)
```
#1676af
```
#1676af rgb(22,118,175)
```
#1669af
```
#1669af rgb(22,105,175)
```
#165caf
```
#165caf rgb(22,92,175)
```
#164faf
```
#164faf rgb(22,79,175)
```
#1643af
```
#1643af rgb(22,67,175)
```
#1636af
```
#1636af rgb(22,54,175)
```

Similar Colors

Text with hexadecimal color #165caf

This text has a font color of #165caf.

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

#165caf background color

This paragraph has a background color of #165caf.

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

#165caf border color

This element has a border color of #165caf.

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

CSS codes

.text {color:#165caf;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020a12
```
#020a12 rgb(2,10,18)
```
#041324
```
#041324 rgb(4,19,36)
```
#071c35
```
#071c35 rgb(7,28,53)
```
#092546
```
#092546 rgb(9,37,70)
```
#0b2e58
```
#0b2e58 rgb(11,46,88)
```
#0d3769
```
#0d3769 rgb(13,55,105)
```
#0f417b
```
#0f417b rgb(15,65,123)
```
#124a8c
```
#124a8c rgb(18,74,140)
```
#14539e
```
#14539e rgb(20,83,158)
```
#165caf
```
#165caf rgb(22,92,175)
```
#1865c0
```
#1865c0 rgb(24,101,192)
```
#1a6ed2
```
#1a6ed2 rgb(26,110,210)
```

Shade Color Variation

#1d78e3
```
#1d78e3 rgb(29,120,227)
```
#2f82e5
```
#2f82e5 rgb(47,130,229)
```
#408ce7
```
#408ce7 rgb(64,140,231)
```
#5297e9
```
#5297e9 rgb(82,151,233)
```
#63a1eb
```
#63a1eb rgb(99,161,235)
```
#74acee
```
#74acee rgb(116,172,238)
```
#86b6f0
```
#86b6f0 rgb(134,182,240)
```
#97c1f2
```
#97c1f2 rgb(151,193,242)
```
#a9cbf4
```
#a9cbf4 rgb(169,203,244)
```
#bad6f6
```
#bad6f6 rgb(186,214,246)
```
#cbe0f9
```
#cbe0f9 rgb(203,224,249)
```
#ddebfb
```
#ddebfb rgb(221,235,251)
```
#eef5fd
```
#eef5fd rgb(238,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626263 is the less saturated color, while #075bbe is the most saturated one.

#626263
```
#626263 rgb(98,98,99)
```
#5a626b
```
#5a626b rgb(90,98,107)
```
#536172
```
#536172 rgb(83,97,114)
```
#4b617a
```
#4b617a rgb(75,97,122)
```
#436082
```
#436082 rgb(67,96,130)
```
#3c5f89
```
#3c5f89 rgb(60,95,137)
```
#345f91
```
#345f91 rgb(52,95,145)
```
#2d5e98
```
#2d5e98 rgb(45,94,152)
```
#255da0
```
#255da0 rgb(37,93,160)
```
#1e5da7
```
#1e5da7 rgb(30,93,167)
```
#165caf
```
#165caf rgb(22,92,175)
```
#0e5bb7
```
#0e5bb7 rgb(14,91,183)
```
#075bbe
```
#075bbe rgb(7,91,190)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#455364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3762b1 Protanopia 1% of men
#0067aa Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#2b60b0 Protanomaly 1% of men, 0.01% of women
#0863ac Deuteranomaly 6% of men, 0.4% of women
#08688a Tritanomaly 0.01% of the population

#165caf hex color

#165caf Color Information

#165caf Color Conversion

Color Schemes with #165caf

Alternatives to #165caf

#165caf Preview

Shades and Tints of #165caf

Tones of #165caf

Color Blindness Simulator