#106fff hex color

In a RGB color space, hex #106fff is composed of 6.3% red, 43.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 93.7% cyan, 56.5% magenta, 0% yellow and 0% black. It has a hue angle of 216.2 degrees, a saturation of 100% and a lightness of 53.1%. #106fff color hex could be obtained by blending #20deff with #0000ff. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 6
- G 44
- B 100
RGB color chart
- C 94
- M 56
- Y 0
- K 0
CMYK color chart

● #106fff color description : Vivid blue.

The hexadecimal color #106fff has RGB values of R:16, G:111, B:255 and CMYK values of C:0.94, M:0.56, Y:0, K:0. Its decimal value is 1077247.

Hex triplet	106fff	`#106fff`
RGB Decimal	16, 111, 255	`rgb(16,111,255)`
RGB Percent	6.3, 43.5, 100	`rgb(6.3%,43.5%,100%)`
CMYK	94, 56, 0, 0
HSL	216.2°, 100, 53.1	`hsl(216.2,100%,53.1%)`
HSV (or HSB)	216.2°, 93.7, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	50.331, 29.876, -78.045
XYZ	23.944, 18.697, 96.949
xyY	0.172, 0.134, 18.697
CIE-LCH	50.331, 83.568, 290.947
CIE-LUV	50.331, -24.168, -121.466
Hunter-Lab	43.24, 23.175, -102.667
Binary	00010000, 01101111, 11111111

#106fff
```
#106fff rgb(16,111,255)
```
#ffa010
```
#ffa010 rgb(255,160,16)
```

Complementary Color

#10e7ff
```
#10e7ff rgb(16,231,255)
```
#106fff
```
#106fff rgb(16,111,255)
```
#2910ff
```
#2910ff rgb(41,16,255)
```

Analogous Color

#e7ff10
```
#e7ff10 rgb(231,255,16)
```
#106fff
```
#106fff rgb(16,111,255)
```
#ff2910
```
#ff2910 rgb(255,41,16)
```

Split Complementary Color

#6fff10
```
#6fff10 rgb(111,255,16)
```
#106fff
```
#106fff rgb(16,111,255)
```
#ff106f
```
#ff106f rgb(255,16,111)
```

Triadic Color

#10ffa0
```
#10ffa0 rgb(16,255,160)
```
#106fff
```
#106fff rgb(16,111,255)
```
#ff106f
```
#ff106f rgb(255,16,111)
```
#ffa010
```
#ffa010 rgb(255,160,16)
```

Tetradic Color

#004dc3
```
#004dc3 rgb(0,77,195)
```
#0057dc
```
#0057dc rgb(0,87,220)
```
#0062f6
```
#0062f6 rgb(0,98,246)
```
#106fff
```
#106fff rgb(16,111,255)
```
#2a7eff
```
#2a7eff rgb(42,126,255)
```
#438eff
```
#438eff rgb(67,142,255)
```
#5d9dff
```
#5d9dff rgb(93,157,255)
```

Monochromatic Color

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

#10abff
```
#10abff rgb(16,171,255)
```
#1097ff
```
#1097ff rgb(16,151,255)
```
#1083ff
```
#1083ff rgb(16,131,255)
```
#106fff
```
#106fff rgb(16,111,255)
```
#105bff
```
#105bff rgb(16,91,255)
```
#1047ff
```
#1047ff rgb(16,71,255)
```
#1033ff
```
#1033ff rgb(16,51,255)
```

Similar Colors

Text with hexadecimal color #106fff

This text has a font color of #106fff.

<span style="color:#106fff;">Text here</span>

#106fff background color

This paragraph has a background color of #106fff.

<p style="background-color:#106fff;">Content here</p>

#106fff border color

This element has a border color of #106fff.

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

CSS codes

.text {color:#106fff;}

.background {background-color:#106fff;}

.border {border:1px solid #106fff;}

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

#000610
```
#000610 rgb(0,6,16)
```
#000e24
```
#000e24 rgb(0,14,36)
```
#001637
```
#001637 rgb(0,22,55)
```
#001e4b
```
#001e4b rgb(0,30,75)
```
#00265e
```
#00265e rgb(0,38,94)
```
#002d72
```
#002d72 rgb(0,45,114)
```
#003586
```
#003586 rgb(0,53,134)
```
#003d99
```
#003d99 rgb(0,61,153)
```
#0045ad
```
#0045ad rgb(0,69,173)
```
#004dc1
```
#004dc1 rgb(0,77,193)
```
#0054d4
```
#0054d4 rgb(0,84,212)
```
#005ce8
```
#005ce8 rgb(0,92,232)
```
#0064fb
```
#0064fb rgb(0,100,251)
```

Shade Color Variation

#106fff
```
#106fff rgb(16,111,255)
```
#247bff
```
#247bff rgb(36,123,255)
```
#3787ff
```
#3787ff rgb(55,135,255)
```
#4b92ff
```
#4b92ff rgb(75,146,255)
```
#5e9eff
```
#5e9eff rgb(94,158,255)
```
#72aaff
```
#72aaff rgb(114,170,255)
```
#86b6ff
```
#86b6ff rgb(134,182,255)
```
#99c2ff
```
#99c2ff rgb(153,194,255)
```
#adceff
```
#adceff rgb(173,206,255)
```
#c1d9ff
```
#c1d9ff rgb(193,217,255)
```
#d4e5ff
```
#d4e5ff rgb(212,229,255)
```
#e8f1ff
```
#e8f1ff rgb(232,241,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8691 is the less saturated color, while #106fff is the most saturated one.

#7e8691
```
#7e8691 rgb(126,134,145)
```
#75849a
```
#75849a rgb(117,132,154)
```
#6c82a3
```
#6c82a3 rgb(108,130,163)
```
#6380ac
```
#6380ac rgb(99,128,172)
```
#5a7eb5
```
#5a7eb5 rgb(90,126,181)
```
#507cbf
```
#507cbf rgb(80,124,191)
```
#477ac8
```
#477ac8 rgb(71,122,200)
```
#3e78d1
```
#3e78d1 rgb(62,120,209)
```
#3577da
```
#3577da rgb(53,119,218)
```
#2c75e3
```
#2c75e3 rgb(44,117,227)
```
#2273ed
```
#2273ed rgb(34,115,237)
```
#1971f6
```
#1971f6 rgb(25,113,246)
```
#106fff
```
#106fff rgb(16,111,255)
```

Tone Color Variation

Below, you can see how #106fff 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

#636363 Achromatopsia 0.005% of the population
#526582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d2 Deuteranopia 1% of men
#008b92 Tritanopia 0.001% of the population

Trichromacy

#0576f5 Protanomaly 1% of men, 0.01% of women
#057be2 Deuteranomaly 6% of men, 0.4% of women
#0581ba Tritanomaly 0.01% of the population

#106fff hex color

#106fff Color Information

#106fff Color Conversion

Color Schemes with #106fff

Alternatives to #106fff

#106fff Preview

Shades and Tints of #106fff

Tones of #106fff

Color Blindness Simulator