#107af8 hex color

In a RGB color space, hex #107af8 is composed of 6.3% red, 47.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 93.5% cyan, 50.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 212.6 degrees, a saturation of 94.3% and a lightness of 51.8%. #107af8 color hex could be obtained by blending #20f4ff with #0000f1. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 6
- G 48
- B 97
RGB color chart
- C 94
- M 51
- Y 0
- K 3
CMYK color chart

● #107af8 color description : Vivid blue.

The hexadecimal color #107af8 has RGB values of R:16, G:122, B:248 and CMYK values of C:0.94, M:0.51, Y:0, K:0.03. Its decimal value is 1080056.

Hex triplet	107af8	`#107af8`
RGB Decimal	16, 122, 248	`rgb(16,122,248)`
RGB Percent	6.3, 47.8, 97.3	`rgb(6.3%,47.8%,97.3%)`
CMYK	94, 51, 0, 3
HSL	212.6°, 94.3, 51.8	`hsl(212.6,94.3%,51.8%)`
HSV (or HSB)	212.6°, 93.5, 97.3
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.735, 20.253, -70.258
XYZ	24.113, 20.804, 91.547
xyY	0.177, 0.152, 20.804
CIE-LCH	52.735, 73.119, 286.081
CIE-LUV	52.735, -27.378, -110.92
Hunter-Lab	45.612, 14.543, -87.071
Binary	00010000, 01111010, 11111000

#107af8
```
#107af8 rgb(16,122,248)
```
#f88e10
```
#f88e10 rgb(248,142,16)
```

Complementary Color

#10eef8
```
#10eef8 rgb(16,238,248)
```
#107af8
```
#107af8 rgb(16,122,248)
```
#1a10f8
```
#1a10f8 rgb(26,16,248)
```

Analogous Color

#eef810
```
#eef810 rgb(238,248,16)
```
#107af8
```
#107af8 rgb(16,122,248)
```
#f81a10
```
#f81a10 rgb(248,26,16)
```

Split Complementary Color

#7af810
```
#7af810 rgb(122,248,16)
```
#107af8
```
#107af8 rgb(16,122,248)
```
#f8107a
```
#f8107a rgb(248,16,122)
```

Triadic Color

#10f88e
```
#10f88e rgb(16,248,142)
```
#107af8
```
#107af8 rgb(16,122,248)
```
#f8107a
```
#f8107a rgb(248,16,122)
```
#f88e10
```
#f88e10 rgb(248,142,16)
```

Tetradic Color

#0556b6
```
#0556b6 rgb(5,86,182)
```
#0662cf
```
#0662cf rgb(6,98,207)
```
#076ee8
```
#076ee8 rgb(7,110,232)
```
#107af8
```
#107af8 rgb(16,122,248)
```
#2988f9
```
#2988f9 rgb(41,136,249)
```
#4296f9
```
#4296f9 rgb(66,150,249)
```
#5aa3fa
```
#5aa3fa rgb(90,163,250)
```

Monochromatic Color

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

#10b4f8
```
#10b4f8 rgb(16,180,248)
```
#10a1f8
```
#10a1f8 rgb(16,161,248)
```
#108df8
```
#108df8 rgb(16,141,248)
```
#107af8
```
#107af8 rgb(16,122,248)
```
#1067f8
```
#1067f8 rgb(16,103,248)
```
#1053f8
```
#1053f8 rgb(16,83,248)
```
#1040f8
```
#1040f8 rgb(16,64,248)
```

Similar Colors

Text with hexadecimal color #107af8

This text has a font color of #107af8.

<span style="color:#107af8;">Text here</span>

#107af8 background color

This paragraph has a background color of #107af8.

<p style="background-color:#107af8;">Content here</p>

#107af8 border color

This element has a border color of #107af8.

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

CSS codes

.text {color:#107af8;}

.background {background-color:#107af8;}

.border {border:1px solid #107af8;}

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

#000409
```
#000409 rgb(0,4,9)
```
#010d1c
```
#010d1c rgb(1,13,28)
```
#01162f
```
#01162f rgb(1,22,47)
```
#021f42
```
#021f42 rgb(2,31,66)
```
#022855
```
#022855 rgb(2,40,85)
```
#033168
```
#033168 rgb(3,49,104)
```
#043a7b
```
#043a7b rgb(4,58,123)
```
#04438e
```
#04438e rgb(4,67,142)
```
#054ca1
```
#054ca1 rgb(5,76,161)
```
#0555b4
```
#0555b4 rgb(5,85,180)
```
#065ec7
```
#065ec7 rgb(6,94,199)
```
#0667da
```
#0667da rgb(6,103,218)
```
#0770ed
```
#0770ed rgb(7,112,237)
```

Shade Color Variation

#107af8
```
#107af8 rgb(16,122,248)
```
#2385f9
```
#2385f9 rgb(35,133,249)
```
#368ff9
```
#368ff9 rgb(54,143,249)
```
#499afa
```
#499afa rgb(73,154,250)
```
#5ca4fa
```
#5ca4fa rgb(92,164,250)
```
#6faffb
```
#6faffb rgb(111,175,251)
```
#82bafb
```
#82bafb rgb(130,186,251)
```
#95c4fc
```
#95c4fc rgb(149,196,252)
```
#a8cffc
```
#a8cffc rgb(168,207,252)
```
#bcd9fd
```
#bcd9fd rgb(188,217,253)
```
#cfe4fe
```
#cfe4fe rgb(207,228,254)
```
#e2effe
```
#e2effe rgb(226,239,254)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

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

#828486
```
#828486 rgb(130,132,134)
```
#788390
```
#788390 rgb(120,131,144)
```
#6f8299
```
#6f8299 rgb(111,130,153)
```
#6581a3
```
#6581a3 rgb(101,129,163)
```
#5c81ac
```
#5c81ac rgb(92,129,172)
```
#5280b6
```
#5280b6 rgb(82,128,182)
```
#497fbf
```
#497fbf rgb(73,127,191)
```
#3f7ec9
```
#3f7ec9 rgb(63,126,201)
```
#367dd2
```
#367dd2 rgb(54,125,210)
```
#2c7cdc
```
#2c7cdc rgb(44,124,220)
```
#237ce5
```
#237ce5 rgb(35,124,229)
```
#197bef
```
#197bef rgb(25,123,239)
```
#107af8
```
#107af8 rgb(16,122,248)
```

Tone Color Variation

Below, you can see how #107af8 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

#696969 Achromatopsia 0.005% of the population
#576c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2780f7 Protanopia 1% of men
#0087dd Deuteranopia 1% of men
#009199 Tritanopia 0.001% of the population

Trichromacy

#1e7ef7 Protanomaly 1% of men, 0.01% of women
#0582e7 Deuteranomaly 6% of men, 0.4% of women
#0589bc Tritanomaly 0.01% of the population

#107af8 hex color

#107af8 Color Information

#107af8 Color Conversion

Color Schemes with #107af8

Alternatives to #107af8

#107af8 Preview

Shades and Tints of #107af8

Tones of #107af8

Color Blindness Simulator