#165fde hex color

In a RGB color space, hex #165fde is composed of 8.6% red, 37.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 57.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 218.1 degrees, a saturation of 82% and a lightness of 47.8%. #165fde color hex could be obtained by blending #2cbeff with #0000bd. Closest websafe color is: #0066cc.

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

● #165fde color description : Vivid blue.

The hexadecimal color #165fde has RGB values of R:22, G:95, B:222 and CMYK values of C:0.9, M:0.57, Y:0, K:0.13. Its decimal value is 1466334.

Hex triplet	165fde	`#165fde`
RGB Decimal	22, 95, 222	`rgb(22,95,222)`
RGB Percent	8.6, 37.3, 87.1	`rgb(8.6%,37.3%,87.1%)`
CMYK	90, 57, 0, 13
HSL	218.1°, 82, 47.8	`hsl(218.1,82%,47.8%)`
HSV (or HSB)	218.1°, 90.1, 87.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.694, 27.715, -70.353
XYZ	17.605, 13.627, 70.806
xyY	0.173, 0.134, 13.627
CIE-LCH	43.694, 75.616, 291.502
CIE-LUV	43.694, -20.303, -105.664
Hunter-Lab	36.915, 20.525, -87.881
Binary	00010110, 01011111, 11011110

#165fde
```
#165fde rgb(22,95,222)
```
#de9516
```
#de9516 rgb(222,149,22)
```

Complementary Color

#16c3de
```
#16c3de rgb(22,195,222)
```
#165fde
```
#165fde rgb(22,95,222)
```
#3116de
```
#3116de rgb(49,22,222)
```

Analogous Color

#c3de16
```
#c3de16 rgb(195,222,22)
```
#165fde
```
#165fde rgb(22,95,222)
```
#de3116
```
#de3116 rgb(222,49,22)
```

Split Complementary Color

#5fde16
```
#5fde16 rgb(95,222,22)
```
#165fde
```
#165fde rgb(22,95,222)
```
#de165f
```
#de165f rgb(222,22,95)
```

Triadic Color

#16de95
```
#16de95 rgb(22,222,149)
```
#165fde
```
#165fde rgb(22,95,222)
```
#de165f
```
#de165f rgb(222,22,95)
```
#de9516
```
#de9516 rgb(222,149,22)
```

Tetradic Color

#0f4198
```
#0f4198 rgb(15,65,152)
```
#114bb0
```
#114bb0 rgb(17,75,176)
```
#1455c7
```
#1455c7 rgb(20,85,199)
```
#165fde
```
#165fde rgb(22,95,222)
```
#246ce9
```
#246ce9 rgb(36,108,233)
```
#3b7cec
```
#3b7cec rgb(59,124,236)
```
#538bee
```
#538bee rgb(83,139,238)
```

Monochromatic Color

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

#1691de
```
#1691de rgb(22,145,222)
```
#1680de
```
#1680de rgb(22,128,222)
```
#1670de
```
#1670de rgb(22,112,222)
```
#165fde
```
#165fde rgb(22,95,222)
```
#164ede
```
#164ede rgb(22,78,222)
```
#163ede
```
#163ede rgb(22,62,222)
```
#162dde
```
#162dde rgb(22,45,222)
```

Similar Colors

Text with hexadecimal color #165fde

This text has a font color of #165fde.

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

#165fde background color

This paragraph has a background color of #165fde.

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

#165fde border color

This element has a border color of #165fde.

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

CSS codes

.text {color:#165fde;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#030b1a
```
#030b1a rgb(3,11,26)
```
#04132c
```
#04132c rgb(4,19,44)
```
#061a3d
```
#061a3d rgb(6,26,61)
```
#08224f
```
#08224f rgb(8,34,79)
```
#0a2a61
```
#0a2a61 rgb(10,42,97)
```
#0b3173
```
#0b3173 rgb(11,49,115)
```
#0d3985
```
#0d3985 rgb(13,57,133)
```
#0f4097
```
#0f4097 rgb(15,64,151)
```
#1148a8
```
#1148a8 rgb(17,72,168)
```
#1250ba
```
#1250ba rgb(18,80,186)
```
#1457cc
```
#1457cc rgb(20,87,204)
```
#165fde
```
#165fde rgb(22,95,222)
```

Shade Color Variation

#1f69e9
```
#1f69e9 rgb(31,105,233)
```
#3175eb
```
#3175eb rgb(49,117,235)
```
#4381ec
```
#4381ec rgb(67,129,236)
```
#548cee
```
#548cee rgb(84,140,238)
```
#6698f0
```
#6698f0 rgb(102,152,240)
```
#78a4f2
```
#78a4f2 rgb(120,164,242)
```
#8ab0f3
```
#8ab0f3 rgb(138,176,243)
```
#9cbcf5
```
#9cbcf5 rgb(156,188,245)
```
#aec8f7
```
#aec8f7 rgb(174,200,247)
```
#bfd4f9
```
#bfd4f9 rgb(191,212,249)
```
#d1e0fa
```
#d1e0fa rgb(209,224,250)
```
#e3ecfc
```
#e3ecfc rgb(227,236,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#747880
```
#747880 rgb(116,120,128)
```
#6a768a
```
#6a768a rgb(106,118,138)
```
#617393
```
#617393 rgb(97,115,147)
```
#58719c
```
#58719c rgb(88,113,156)
```
#4e6ea6
```
#4e6ea6 rgb(78,110,166)
```
#456caf
```
#456caf rgb(69,108,175)
```
#3c69b8
```
#3c69b8 rgb(60,105,184)
```
#3267c2
```
#3267c2 rgb(50,103,194)
```
#2964cb
```
#2964cb rgb(41,100,203)
```
#1f62d5
```
#1f62d5 rgb(31,98,213)
```
#165fde
```
#165fde rgb(22,95,222)
```
#0d5ce7
```
#0d5ce7 rgb(13,92,231)
```
#035af1
```
#035af1 rgb(3,90,241)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4b5973 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0867d6 Protanomaly 1% of men, 0.01% of women
#086ac5 Deuteranomaly 6% of men, 0.4% of women
#0870a2 Tritanomaly 0.01% of the population

#165fde hex color

#165fde Color Information

#165fde Color Conversion

Color Schemes with #165fde

Alternatives to #165fde

#165fde Preview

Shades and Tints of #165fde

Tones of #165fde

Color Blindness Simulator