#165dfa hex color

In a RGB color space, hex #165dfa is composed of 8.6% red, 36.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 62.8% magenta, 0% yellow and 2% black. It has a hue angle of 221.3 degrees, a saturation of 95.8% and a lightness of 53.3%. #165dfa color hex could be obtained by blending #2cbaff with #0000f5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 9
- G 36
- B 98
RGB color chart
- C 91
- M 63
- Y 0
- K 2
CMYK color chart

● #165dfa color description : Vivid blue.

The hexadecimal color #165dfa has RGB values of R:22, G:93, B:250 and CMYK values of C:0.91, M:0.63, Y:0, K:0.02. Its decimal value is 1465850.

Hex triplet	165dfa	`#165dfa`
RGB Decimal	22, 93, 250	`rgb(22,93,250)`
RGB Percent	8.6, 36.5, 98	`rgb(8.6%,36.5%,98%)`
CMYK	91, 63, 0, 2
HSL	221.3°, 95.8, 53.3	`hsl(221.3,95.8%,53.3%)`
HSV (or HSB)	221.3°, 91.2, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.496, 39.566, -83.172
XYZ	21.497, 14.9, 92.18
xyY	0.167, 0.116, 14.9
CIE-LCH	45.496, 92.104, 295.441
CIE-LUV	45.496, -19.497, -124.924
Hunter-Lab	38.6, 31.859, -114.57
Binary	00010110, 01011101, 11111010

#165dfa
```
#165dfa rgb(22,93,250)
```
#fab316
```
#fab316 rgb(250,179,22)
```

Complementary Color

#16cffa
```
#16cffa rgb(22,207,250)
```
#165dfa
```
#165dfa rgb(22,93,250)
```
#4116fa
```
#4116fa rgb(65,22,250)
```

Analogous Color

#cffa16
```
#cffa16 rgb(207,250,22)
```
#165dfa
```
#165dfa rgb(22,93,250)
```
#fa4116
```
#fa4116 rgb(250,65,22)
```

Split Complementary Color

#5dfa16
```
#5dfa16 rgb(93,250,22)
```
#165dfa
```
#165dfa rgb(22,93,250)
```
#fa165d
```
#fa165d rgb(250,22,93)
```

Triadic Color

#16fab3
```
#16fab3 rgb(22,250,179)
```
#165dfa
```
#165dfa rgb(22,93,250)
```
#fa165d
```
#fa165d rgb(250,22,93)
```
#fab316
```
#fab316 rgb(250,179,22)
```

Tetradic Color

#043ebf
```
#043ebf rgb(4,62,191)
```
#0547d8
```
#0547d8 rgb(5,71,216)
```
#054ff1
```
#054ff1 rgb(5,79,241)
```
#165dfa
```
#165dfa rgb(22,93,250)
```
#2f6efb
```
#2f6efb rgb(47,110,251)
```
#4880fb
```
#4880fb rgb(72,128,251)
```
#6191fc
```
#6191fc rgb(97,145,252)
```

Monochromatic Color

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

#1696fa
```
#1696fa rgb(22,150,250)
```
#1683fa
```
#1683fa rgb(22,131,250)
```
#1670fa
```
#1670fa rgb(22,112,250)
```
#165dfa
```
#165dfa rgb(22,93,250)
```
#164afa
```
#164afa rgb(22,74,250)
```
#1637fa
```
#1637fa rgb(22,55,250)
```
#1624fa
```
#1624fa rgb(22,36,250)
```

Similar Colors

Text with hexadecimal color #165dfa

This text has a font color of #165dfa.

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

#165dfa background color

This paragraph has a background color of #165dfa.

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

#165dfa border color

This element has a border color of #165dfa.

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

CSS codes

.text {color:#165dfa;}

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

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

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

#000511
```
#000511 rgb(0,5,17)
```
#010c24
```
#010c24 rgb(1,12,36)
```
#011237
```
#011237 rgb(1,18,55)
```
#02184a
```
#02184a rgb(2,24,74)
```
#021e5d
```
#021e5d rgb(2,30,93)
```
#022571
```
#022571 rgb(2,37,113)
```
#032b84
```
#032b84 rgb(3,43,132)
```
#033197
```
#033197 rgb(3,49,151)
```
#0438aa
```
#0438aa rgb(4,56,170)
```
#043ebd
```
#043ebd rgb(4,62,189)
```
#0444d1
```
#0444d1 rgb(4,68,209)
```
#054ae4
```
#054ae4 rgb(5,74,228)
```
#0551f7
```
#0551f7 rgb(5,81,247)
```

Shade Color Variation

#165dfa
```
#165dfa rgb(22,93,250)
```
#296afa
```
#296afa rgb(41,106,250)
```
#3c78fb
```
#3c78fb rgb(60,120,251)
```
#5085fb
```
#5085fb rgb(80,133,251)
```
#6392fc
```
#6392fc rgb(99,146,252)
```
#76a0fc
```
#76a0fc rgb(118,160,252)
```
#89adfc
```
#89adfc rgb(137,173,252)
```
#9cbafd
```
#9cbafd rgb(156,186,253)
```
#b0c8fd
```
#b0c8fd rgb(176,200,253)
```
#c3d5fe
```
#c3d5fe rgb(195,213,254)
```
#d6e3fe
```
#d6e3fe rgb(214,227,254)
```
#e9f0ff
```
#e9f0ff rgb(233,240,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84868c is the less saturated color, while #165dfa is the most saturated one.

#84868c
```
#84868c rgb(132,134,140)
```
#7b8395
```
#7b8395 rgb(123,131,149)
```
#72809e
```
#72809e rgb(114,128,158)
```
#687ca8
```
#687ca8 rgb(104,124,168)
```
#5f79b1
```
#5f79b1 rgb(95,121,177)
```
#5675ba
```
#5675ba rgb(86,117,186)
```
#4d72c3
```
#4d72c3 rgb(77,114,195)
```
#446ecc
```
#446ecc rgb(68,110,204)
```
#3b6bd5
```
#3b6bd5 rgb(59,107,213)
```
#3167df
```
#3167df rgb(49,103,223)
```
#2864e8
```
#2864e8 rgb(40,100,232)
```
#1f60f1
```
#1f60f1 rgb(31,96,241)
```
#165dfa
```
#165dfa rgb(22,93,250)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4c5b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0076bd Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#0869e5 Protanomaly 1% of men, 0.01% of women
#086dd3 Deuteranomaly 6% of men, 0.4% of women
#0872af Tritanomaly 0.01% of the population

#165dfa hex color

#165dfa Color Information

#165dfa Color Conversion

Color Schemes with #165dfa

Alternatives to #165dfa

#165dfa Preview

Shades and Tints of #165dfa

Tones of #165dfa

Color Blindness Simulator