#107afa hex color

In a RGB color space, hex #107afa is composed of 6.3% red, 47.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 93.6% cyan, 51.2% magenta, 0% yellow and 2% black. It has a hue angle of 212.8 degrees, a saturation of 95.9% and a lightness of 52.2%. #107afa color hex could be obtained by blending #20f4ff with #0000f5. Closest websafe color is: #0066ff.

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

● #107afa color description : Vivid blue.

The hexadecimal color #107afa has RGB values of R:16, G:122, B:250 and CMYK values of C:0.94, M:0.51, Y:0, K:0.02. Its decimal value is 1080058.

Hex triplet	107afa	`#107afa`
RGB Decimal	16, 122, 250	`rgb(16,122,250)`
RGB Percent	6.3, 47.8, 98	`rgb(6.3%,47.8%,98%)`
CMYK	94, 51, 0, 2
HSL	212.8°, 95.9, 52.2	`hsl(212.8,95.9%,52.2%)`
HSV (or HSB)	212.8°, 93.6, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.872, 21.021, -71.144
XYZ	24.425, 20.929, 93.19
xyY	0.176, 0.151, 20.929
CIE-LCH	52.872, 74.185, 286.461
CIE-LUV	52.872, -27.31, -112.385
Hunter-Lab	45.748, 15.24, -88.75
Binary	00010000, 01111010, 11111010

#107afa
```
#107afa rgb(16,122,250)
```
#fa9010
```
#fa9010 rgb(250,144,16)
```

Complementary Color

#10effa
```
#10effa rgb(16,239,250)
```
#107afa
```
#107afa rgb(16,122,250)
```
#1b10fa
```
#1b10fa rgb(27,16,250)
```

Analogous Color

#effa10
```
#effa10 rgb(239,250,16)
```
#107afa
```
#107afa rgb(16,122,250)
```
#fa1b10
```
#fa1b10 rgb(250,27,16)
```

Split Complementary Color

#7afa10
```
#7afa10 rgb(122,250,16)
```
#107afa
```
#107afa rgb(16,122,250)
```
#fa107a
```
#fa107a rgb(250,16,122)
```

Triadic Color

#10fa90
```
#10fa90 rgb(16,250,144)
```
#107afa
```
#107afa rgb(16,122,250)
```
#fa107a
```
#fa107a rgb(250,16,122)
```
#fa9010
```
#fa9010 rgb(250,144,16)
```

Tetradic Color

#0456ba
```
#0456ba rgb(4,86,186)
```
#0462d3
```
#0462d3 rgb(4,98,211)
```
#056dec
```
#056dec rgb(5,109,236)
```
#107afa
```
#107afa rgb(16,122,250)
```
#2988fb
```
#2988fb rgb(41,136,251)
```
#4296fb
```
#4296fb rgb(66,150,251)
```
#5ba4fc
```
#5ba4fc rgb(91,164,252)
```

Monochromatic Color

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

#10b5fa
```
#10b5fa rgb(16,181,250)
```
#10a1fa
```
#10a1fa rgb(16,161,250)
```
#108efa
```
#108efa rgb(16,142,250)
```
#107afa
```
#107afa rgb(16,122,250)
```
#1067fa
```
#1067fa rgb(16,103,250)
```
#1053fa
```
#1053fa rgb(16,83,250)
```
#1040fa
```
#1040fa rgb(16,64,250)
```

Similar Colors

Text with hexadecimal color #107afa

This text has a font color of #107afa.

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

#107afa background color

This paragraph has a background color of #107afa.

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

#107afa border color

This element has a border color of #107afa.

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

CSS codes

.text {color:#107afa;}

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

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

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, #00050b is the darkest color, while #f7faff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#010e1e
```
#010e1e rgb(1,14,30)
```
#011731
```
#011731 rgb(1,23,49)
```
#012044
```
#012044 rgb(1,32,68)
```
#022958
```
#022958 rgb(2,41,88)
```
#02326b
```
#02326b rgb(2,50,107)
```
#033b7e
```
#033b7e rgb(3,59,126)
```
#034391
```
#034391 rgb(3,67,145)
```
#034ca4
```
#034ca4 rgb(3,76,164)
```
#0455b8
```
#0455b8 rgb(4,85,184)
```
#045ecb
```
#045ecb rgb(4,94,203)
```
#0567de
```
#0567de rgb(5,103,222)
```
#0570f1
```
#0570f1 rgb(5,112,241)
```

Shade Color Variation

#107afa
```
#107afa rgb(16,122,250)
```
#2385fa
```
#2385fa rgb(35,133,250)
```
#368ffb
```
#368ffb rgb(54,143,251)
```
#4a9afb
```
#4a9afb rgb(74,154,251)
```
#5da5fc
```
#5da5fc rgb(93,165,252)
```
#70affc
```
#70affc rgb(112,175,252)
```
#83bafc
```
#83bafc rgb(131,186,252)
```
#96c5fd
```
#96c5fd rgb(150,197,253)
```
#aad0fd
```
#aad0fd rgb(170,208,253)
```
#bddafe
```
#bddafe rgb(189,218,254)
```
#d0e5fe
```
#d0e5fe rgb(208,229,254)
```
#e3f0fe
```
#e3f0fe rgb(227,240,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#818589
```
#818589 rgb(129,133,137)
```
#778493
```
#778493 rgb(119,132,147)
```
#6e839c
```
#6e839c rgb(110,131,156)
```
#6482a6
```
#6482a6 rgb(100,130,166)
```
#5b81af
```
#5b81af rgb(91,129,175)
```
#5280b8
```
#5280b8 rgb(82,128,184)
```
#487fc2
```
#487fc2 rgb(72,127,194)
```
#3f7ecb
```
#3f7ecb rgb(63,126,203)
```
#367ed4
```
#367ed4 rgb(54,126,212)
```
#2c7dde
```
#2c7dde rgb(44,125,222)
```
#237ce7
```
#237ce7 rgb(35,124,231)
```
#197bf1
```
#197bf1 rgb(25,123,241)
```
#107afa
```
#107afa rgb(16,122,250)
```

Tone Color Variation

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

#2080fa Protanopia 1% of men
#0087dd Deuteranopia 1% of men
#00929a Tritanopia 0.001% of the population

Trichromacy

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

#107afa hex color

#107afa Color Information

#107afa Color Conversion

Color Schemes with #107afa

Alternatives to #107afa

#107afa Preview

Shades and Tints of #107afa

Tones of #107afa

Color Blindness Simulator