#165ddf hex color

In a RGB color space, hex #165ddf is composed of 8.6% red, 36.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 58.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 218.8 degrees, a saturation of 82% and a lightness of 48%. #165ddf color hex could be obtained by blending #2cbaff with #0000bf. Closest websafe color is: #0066cc.

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

● #165ddf color description : Vivid blue.

The hexadecimal color #165ddf has RGB values of R:22, G:93, B:223 and CMYK values of C:0.9, M:0.58, Y:0, K:0.13. Its decimal value is 1465823.

Hex triplet	165ddf	`#165ddf`
RGB Decimal	22, 93, 223	`rgb(22,93,223)`
RGB Percent	8.6, 36.5, 87.5	`rgb(8.6%,36.5%,87.5%)`
CMYK	90, 58, 0, 13
HSL	218.8°, 82, 48	`hsl(218.8,82%,48%)`
HSV (or HSB)	218.8°, 90.1, 87.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.25, 29.395, -71.647
XYZ	17.562, 13.326, 71.454
xyY	0.172, 0.13, 13.326
CIE-LCH	43.25, 77.442, 292.307
CIE-LUV	43.25, -19.768, -107.163
Hunter-Lab	36.504, 21.992, -90.503
Binary	00010110, 01011101, 11011111

#165ddf
```
#165ddf rgb(22,93,223)
```
#df9816
```
#df9816 rgb(223,152,22)
```

Complementary Color

#16c2df
```
#16c2df rgb(22,194,223)
```
#165ddf
```
#165ddf rgb(22,93,223)
```
#3316df
```
#3316df rgb(51,22,223)
```

Analogous Color

#c2df16
```
#c2df16 rgb(194,223,22)
```
#165ddf
```
#165ddf rgb(22,93,223)
```
#df3316
```
#df3316 rgb(223,51,22)
```

Split Complementary Color

#5ddf16
```
#5ddf16 rgb(93,223,22)
```
#165ddf
```
#165ddf rgb(22,93,223)
```
#df165d
```
#df165d rgb(223,22,93)
```

Triadic Color

#16df98
```
#16df98 rgb(22,223,152)
```
#165ddf
```
#165ddf rgb(22,93,223)
```
#df165d
```
#df165d rgb(223,22,93)
```
#df9816
```
#df9816 rgb(223,152,22)
```

Tetradic Color

#0f4099
```
#0f4099 rgb(15,64,153)
```
#114ab1
```
#114ab1 rgb(17,74,177)
```
#1453c8
```
#1453c8 rgb(20,83,200)
```
#165ddf
```
#165ddf rgb(22,93,223)
```
#256ae9
```
#256ae9 rgb(37,106,233)
```
#3c7aec
```
#3c7aec rgb(60,122,236)
```
#538aee
```
#538aee rgb(83,138,238)
```

Monochromatic Color

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

#168fdf
```
#168fdf rgb(22,143,223)
```
#167fdf
```
#167fdf rgb(22,127,223)
```
#166edf
```
#166edf rgb(22,110,223)
```
#165ddf
```
#165ddf rgb(22,93,223)
```
#164cdf
```
#164cdf rgb(22,76,223)
```
#163cdf
```
#163cdf rgb(22,60,223)
```
#162bdf
```
#162bdf rgb(22,43,223)
```

Similar Colors

Text with hexadecimal color #165ddf

This text has a font color of #165ddf.

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

#165ddf background color

This paragraph has a background color of #165ddf.

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

#165ddf border color

This element has a border color of #165ddf.

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

CSS codes

.text {color:#165ddf;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#030b1b
```
#030b1b rgb(3,11,27)
```
#04132c
```
#04132c rgb(4,19,44)
```
#061a3e
```
#061a3e rgb(6,26,62)
```
#082150
```
#082150 rgb(8,33,80)
```
#0a2962
```
#0a2962 rgb(10,41,98)
```
#0b3074
```
#0b3074 rgb(11,48,116)
```
#0d3886
```
#0d3886 rgb(13,56,134)
```
#0f3f98
```
#0f3f98 rgb(15,63,152)
```
#1147a9
```
#1147a9 rgb(17,71,169)
```
#124ebb
```
#124ebb rgb(18,78,187)
```
#1456cd
```
#1456cd rgb(20,86,205)
```
#165ddf
```
#165ddf rgb(22,93,223)
```

Shade Color Variation

#2067e9
```
#2067e9 rgb(32,103,233)
```
#3273eb
```
#3273eb rgb(50,115,235)
```
#437fec
```
#437fec rgb(67,127,236)
```
#558bee
```
#558bee rgb(85,139,238)
```
#6797f0
```
#6797f0 rgb(103,151,240)
```
#79a4f2
```
#79a4f2 rgb(121,164,242)
```
#8bb0f4
```
#8bb0f4 rgb(139,176,244)
```
#9dbcf5
```
#9dbcf5 rgb(157,188,245)
```
#aec8f7
```
#aec8f7 rgb(174,200,247)
```
#c0d4f9
```
#c0d4f9 rgb(192,212,249)
```
#d2e0fb
```
#d2e0fb rgb(210,224,251)
```
#e4edfc
```
#e4edfc rgb(228,237,252)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#747981
```
#747981 rgb(116,121,129)
```
#6b768a
```
#6b768a rgb(107,118,138)
```
#617394
```
#617394 rgb(97,115,148)
```
#58709d
```
#58709d rgb(88,112,157)
```
#4f6ea6
```
#4f6ea6 rgb(79,110,166)
```
#456bb0
```
#456bb0 rgb(69,107,176)
```
#3c68b9
```
#3c68b9 rgb(60,104,185)
```
#3265c3
```
#3265c3 rgb(50,101,195)
```
#2963cc
```
#2963cc rgb(41,99,204)
```
#1f60d6
```
#1f60d6 rgb(31,96,214)
```
#165ddf
```
#165ddf rgb(22,93,223)
```
#0d5ae8
```
#0d5ae8 rgb(13,90,232)
```
#0357f2
```
#0357f2 rgb(3,87,242)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4a5872 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b6 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#0865d6 Protanomaly 1% of men, 0.01% of women
#0869c5 Deuteranomaly 6% of men, 0.4% of women
#086ea2 Tritanomaly 0.01% of the population

#165ddf hex color

#165ddf Color Information

#165ddf Color Conversion

Color Schemes with #165ddf

Alternatives to #165ddf

#165ddf Preview

Shades and Tints of #165ddf

Tones of #165ddf

Color Blindness Simulator