#165afe hex color

In a RGB color space, hex #165afe is composed of 8.6% red, 35.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 64.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 222.4 degrees, a saturation of 99.1% and a lightness of 54.1%. #165afe color hex could be obtained by blending #2cb4ff with #0000fd. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 9
- G 35
- B 100
RGB color chart
- C 91
- M 65
- Y 0
- K 0
CMYK color chart

● #165afe color description : Vivid blue.

The hexadecimal color #165afe has RGB values of R:22, G:90, B:254 and CMYK values of C:0.91, M:0.65, Y:0, K:0. Its decimal value is 1465086.

Hex triplet	165afe	`#165afe`
RGB Decimal	22, 90, 254	`rgb(22,90,254)`
RGB Percent	8.6, 35.3, 99.6	`rgb(8.6%,35.3%,99.6%)`
CMYK	91, 65, 0, 0
HSL	222.4°, 99.1, 54.1	`hsl(222.4,99.1%,54.1%)`
HSV (or HSB)	222.4°, 91.3, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	45.133, 42.899, -85.999
XYZ	21.873, 14.637, 95.433
xyY	0.166, 0.111, 14.637
CIE-LCH	45.133, 96.105, 296.511
CIE-LUV	45.133, -18.805, -128.325
Hunter-Lab	38.258, 35.099, -121.115
Binary	00010110, 01011010, 11111110

#165afe
```
#165afe rgb(22,90,254)
```
#feba16
```
#feba16 rgb(254,186,22)
```

Complementary Color

#16cefe
```
#16cefe rgb(22,206,254)
```
#165afe
```
#165afe rgb(22,90,254)
```
#4616fe
```
#4616fe rgb(70,22,254)
```

Analogous Color

#cefe16
```
#cefe16 rgb(206,254,22)
```
#165afe
```
#165afe rgb(22,90,254)
```
#fe4616
```
#fe4616 rgb(254,70,22)
```

Split Complementary Color

#5afe16
```
#5afe16 rgb(90,254,22)
```
#165afe
```
#165afe rgb(22,90,254)
```
#fe165a
```
#fe165a rgb(254,22,90)
```

Triadic Color

#16feba
```
#16feba rgb(22,254,186)
```
#165afe
```
#165afe rgb(22,90,254)
```
#fe165a
```
#fe165a rgb(254,22,90)
```
#feba16
```
#feba16 rgb(254,186,22)
```

Tetradic Color

#013bc7
```
#013bc7 rgb(1,59,199)
```
#0142e0
```
#0142e0 rgb(1,66,224)
```
#014af9
```
#014af9 rgb(1,74,249)
```
#165afe
```
#165afe rgb(22,90,254)
```
#2f6cfe
```
#2f6cfe rgb(47,108,254)
```
#497efe
```
#497efe rgb(73,126,254)
```
#6290fe
```
#6290fe rgb(98,144,254)
```

Monochromatic Color

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

#1694fe
```
#1694fe rgb(22,148,254)
```
#1681fe
```
#1681fe rgb(22,129,254)
```
#166dfe
```
#166dfe rgb(22,109,254)
```
#165afe
```
#165afe rgb(22,90,254)
```
#1647fe
```
#1647fe rgb(22,71,254)
```
#1633fe
```
#1633fe rgb(22,51,254)
```
#1620fe
```
#1620fe rgb(22,32,254)
```

Similar Colors

Text with hexadecimal color #165afe

This text has a font color of #165afe.

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

#165afe background color

This paragraph has a background color of #165afe.

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

#165afe border color

This element has a border color of #165afe.

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

CSS codes

.text {color:#165afe;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000615
```
#000615 rgb(0,6,21)
```
#000c28
```
#000c28 rgb(0,12,40)
```
#00123c
```
#00123c rgb(0,18,60)
```
#001850
```
#001850 rgb(0,24,80)
```
#001d63
```
#001d63 rgb(0,29,99)
```
#012377
```
#012377 rgb(1,35,119)
```
#01298a
```
#01298a rgb(1,41,138)
```
#012f9e
```
#012f9e rgb(1,47,158)
```
#0134b1
```
#0134b1 rgb(1,52,177)
```
#013ac5
```
#013ac5 rgb(1,58,197)
```
#0140d8
```
#0140d8 rgb(1,64,216)
```
#0146ec
```
#0146ec rgb(1,70,236)
```

Shade Color Variation

#024cfe
```
#024cfe rgb(2,76,254)
```
#165afe
```
#165afe rgb(22,90,254)
```
#2a68fe
```
#2a68fe rgb(42,104,254)
```
#3d76fe
```
#3d76fe rgb(61,118,254)
```
#5183fe
```
#5183fe rgb(81,131,254)
```
#6491fe
```
#6491fe rgb(100,145,254)
```
#789ffe
```
#789ffe rgb(120,159,254)
```
#8badff
```
#8badff rgb(139,173,255)
```
#9fbbff
```
#9fbbff rgb(159,187,255)
```
#b2c9ff
```
#b2c9ff rgb(178,201,255)
```
#c6d6ff
```
#c6d6ff rgb(198,214,255)
```
#d9e4ff
```
#d9e4ff rgb(217,228,255)
```
#edf2ff
```
#edf2ff rgb(237,242,255)
```

Tint Color Variation

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

#828792
```
#828792 rgb(130,135,146)
```
#79839b
```
#79839b rgb(121,131,155)
```
#707fa4
```
#707fa4 rgb(112,127,164)
```
#677cad
```
#677cad rgb(103,124,173)
```
#5e78b6
```
#5e78b6 rgb(94,120,182)
```
#5574bf
```
#5574bf rgb(85,116,191)
```
#4c70c8
```
#4c70c8 rgb(76,112,200)
```
#436dd1
```
#436dd1 rgb(67,109,209)
```
#3a69da
```
#3a69da rgb(58,105,218)
```
#3165e3
```
#3165e3 rgb(49,101,227)
```
#2861ec
```
#2861ec rgb(40,97,236)
```
#1f5ef5
```
#1f5ef5 rgb(31,94,245)
```
#165afe
```
#165afe rgb(22,90,254)
```

Tone Color Variation

Below, you can see how #165afe 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
#4b5879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#0867e6 Protanomaly 1% of men, 0.01% of women
#086bd4 Deuteranomaly 6% of men, 0.4% of women
#0870b0 Tritanomaly 0.01% of the population

#165afe hex color

#165afe Color Information

#165afe Color Conversion

Color Schemes with #165afe

Alternatives to #165afe

#165afe Preview

Shades and Tints of #165afe

Tones of #165afe

Color Blindness Simulator