#107ef0 hex color

In a RGB color space, hex #107ef0 is composed of 6.3% red, 49.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 93.3% cyan, 47.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 210.5 degrees, a saturation of 88.2% and a lightness of 50.2%. #107ef0 color hex could be obtained by blending #20fcff with #0000e1. Closest websafe color is: #0066ff.

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

● #107ef0 color description : Vivid blue.

The hexadecimal color #107ef0 has RGB values of R:16, G:126, B:240 and CMYK values of C:0.93, M:0.48, Y:0, K:0.06. Its decimal value is 1081072.

Hex triplet	107ef0	`#107ef0`
RGB Decimal	16, 126, 240	`rgb(16,126,240)`
RGB Percent	6.3, 49.4, 94.1	`rgb(6.3%,49.4%,94.1%)`
CMYK	93, 48, 0, 6
HSL	210.5°, 88.2, 50.2	`hsl(210.5,88.2%,50.2%)`
HSV (or HSB)	210.5°, 93.3, 94.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	53.299, 14.667, -64.901
XYZ	23.399, 21.321, 85.315
xyY	0.18, 0.164, 21.321
CIE-LCH	53.299, 66.538, 282.734
CIE-LUV	53.299, -28.843, -102.598
Hunter-Lab	46.175, 9.65, -77.226
Binary	00010000, 01111110, 11110000

#107ef0
```
#107ef0 rgb(16,126,240)
```
#f08210
```
#f08210 rgb(240,130,16)
```

Complementary Color

#10eef0
```
#10eef0 rgb(16,238,240)
```
#107ef0
```
#107ef0 rgb(16,126,240)
```
#1210f0
```
#1210f0 rgb(18,16,240)
```

Analogous Color

#eef010
```
#eef010 rgb(238,240,16)
```
#107ef0
```
#107ef0 rgb(16,126,240)
```
#f01210
```
#f01210 rgb(240,18,16)
```

Split Complementary Color

#7ef010
```
#7ef010 rgb(126,240,16)
```
#107ef0
```
#107ef0 rgb(16,126,240)
```
#f0107e
```
#f0107e rgb(240,16,126)
```

Triadic Color

#10f082
```
#10f082 rgb(16,240,130)
```
#107ef0
```
#107ef0 rgb(16,126,240)
```
#f0107e
```
#f0107e rgb(240,16,126)
```
#f08210
```
#f08210 rgb(240,130,16)
```

Tetradic Color

#0b58a9
```
#0b58a9 rgb(11,88,169)
```
#0c65c1
```
#0c65c1 rgb(12,101,193)
```
#0e71d9
```
#0e71d9 rgb(14,113,217)
```
#107ef0
```
#107ef0 rgb(16,126,240)
```
#288bf2
```
#288bf2 rgb(40,139,242)
```
#4098f3
```
#4098f3 rgb(64,152,243)
```
#58a5f5
```
#58a5f5 rgb(88,165,245)
```

Monochromatic Color

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

#10b6f0
```
#10b6f0 rgb(16,182,240)
```
#10a3f0
```
#10a3f0 rgb(16,163,240)
```
#1091f0
```
#1091f0 rgb(16,145,240)
```
#107ef0
```
#107ef0 rgb(16,126,240)
```
#106bf0
```
#106bf0 rgb(16,107,240)
```
#1059f0
```
#1059f0 rgb(16,89,240)
```
#1046f0
```
#1046f0 rgb(16,70,240)
```

Similar Colors

Text with hexadecimal color #107ef0

This text has a font color of #107ef0.

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

#107ef0 background color

This paragraph has a background color of #107ef0.

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

#107ef0 border color

This element has a border color of #107ef0.

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

CSS codes

.text {color:#107ef0;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010a13
```
#010a13 rgb(1,10,19)
```
#021426
```
#021426 rgb(2,20,38)
```
#041d38
```
#041d38 rgb(4,29,56)
```
#05274b
```
#05274b rgb(5,39,75)
```
#06315d
```
#06315d rgb(6,49,93)
```
#073a70
```
#073a70 rgb(7,58,112)
```
#084482
```
#084482 rgb(8,68,130)
```
#094e95
```
#094e95 rgb(9,78,149)
```
#0a57a7
```
#0a57a7 rgb(10,87,167)
```
#0c61ba
```
#0c61ba rgb(12,97,186)
```
#0d6bcc
```
#0d6bcc rgb(13,107,204)
```
#0e74de
```
#0e74de rgb(14,116,222)
```

Shade Color Variation

#107ef0
```
#107ef0 rgb(16,126,240)
```
#2288f1
```
#2288f1 rgb(34,136,241)
```
#3592f2
```
#3592f2 rgb(53,146,242)
```
#479cf3
```
#479cf3 rgb(71,156,243)
```
#5aa6f5
```
#5aa6f5 rgb(90,166,245)
```
#6cb0f6
```
#6cb0f6 rgb(108,176,246)
```
#7fbaf7
```
#7fbaf7 rgb(127,186,247)
```
#91c4f8
```
#91c4f8 rgb(145,196,248)
```
#a4cef9
```
#a4cef9 rgb(164,206,249)
```
#b6d8fa
```
#b6d8fa rgb(182,216,250)
```
#c9e2fc
```
#c9e2fc rgb(201,226,252)
```
#dbecfd
```
#dbecfd rgb(219,236,253)
```
#edf6fe
```
#edf6fe rgb(237,246,254)
```

Tint Color Variation

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

#7b8085
```
#7b8085 rgb(123,128,133)
```
#72808e
```
#72808e rgb(114,128,142)
```
#688098
```
#688098 rgb(104,128,152)
```
#5e7fa2
```
#5e7fa2 rgb(94,127,162)
```
#547fac
```
#547fac rgb(84,127,172)
```
#4b7fb5
```
#4b7fb5 rgb(75,127,181)
```
#417fbf
```
#417fbf rgb(65,127,191)
```
#377fc9
```
#377fc9 rgb(55,127,201)
```
#2d7fd3
```
#2d7fd3 rgb(45,127,211)
```
#247edc
```
#247edc rgb(36,126,220)
```
#1a7ee6
```
#1a7ee6 rgb(26,126,230)
```
#107ef0
```
#107ef0 rgb(16,126,240)
```
#067efa
```
#067efa rgb(6,126,250)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#586e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4382ee Protanopia 1% of men
#0088e0 Deuteranopia 1% of men
#00939b Tritanopia 0.001% of the population

Trichromacy

#3080ef Protanomaly 1% of men, 0.01% of women
#0584e6 Deuteranomaly 6% of men, 0.4% of women
#058bba Tritanomaly 0.01% of the population

#107ef0 hex color

#107ef0 Color Information

#107ef0 Color Conversion

Color Schemes with #107ef0

Alternatives to #107ef0

#107ef0 Preview

Shades and Tints of #107ef0

Tones of #107ef0

Color Blindness Simulator