#1860f7 hex color

In a RGB color space, hex #1860f7 is composed of 9.4% red, 37.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 61.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 220.6 degrees, a saturation of 93.3% and a lightness of 53.1%. #1860f7 color hex could be obtained by blending #30c0ff with #0000ef. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 9
- G 38
- B 97
RGB color chart
- C 90
- M 61
- Y 0
- K 3
CMYK color chart

● #1860f7 color description : Vivid blue.

The hexadecimal color #1860f7 has RGB values of R:24, G:96, B:247 and CMYK values of C:0.9, M:0.61, Y:0, K:0.03. Its decimal value is 1597687.

Hex triplet	1860f7	`#1860f7`
RGB Decimal	24, 96, 247	`rgb(24,96,247)`
RGB Percent	9.4, 37.6, 96.9	`rgb(9.4%,37.6%,96.9%)`
CMYK	90, 61, 0, 3
HSL	220.6°, 93.3, 53.1	`hsl(220.6,93.3%,53.1%)`
HSV (or HSB)	220.6°, 90.3, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	46.007, 36.645, -80.66
XYZ	21.344, 15.274, 89.814
xyY	0.169, 0.121, 15.274
CIE-LCH	46.007, 88.594, 294.433
CIE-LUV	46.007, -20.105, -121.968
Hunter-Lab	39.081, 29.096, -108.899
Binary	00011000, 01100000, 11110111

#1860f7
```
#1860f7 rgb(24,96,247)
```
#f7af18
```
#f7af18 rgb(247,175,24)
```

Complementary Color

#18d0f7
```
#18d0f7 rgb(24,208,247)
```
#1860f7
```
#1860f7 rgb(24,96,247)
```
#4018f7
```
#4018f7 rgb(64,24,247)
```

Analogous Color

#d0f718
```
#d0f718 rgb(208,247,24)
```
#1860f7
```
#1860f7 rgb(24,96,247)
```
#f73f18
```
#f73f18 rgb(247,63,24)
```

Split Complementary Color

#60f718
```
#60f718 rgb(96,247,24)
```
#1860f7
```
#1860f7 rgb(24,96,247)
```
#f71860
```
#f71860 rgb(247,24,96)
```

Triadic Color

#18f7af
```
#18f7af rgb(24,247,175)
```
#1860f7
```
#1860f7 rgb(24,96,247)
```
#f71860
```
#f71860 rgb(247,24,96)
```
#f7af18
```
#f7af18 rgb(247,175,24)
```

Tetradic Color

#0741bc
```
#0741bc rgb(7,65,188)
```
#074ad5
```
#074ad5 rgb(7,74,213)
```
#0852ed
```
#0852ed rgb(8,82,237)
```
#1860f7
```
#1860f7 rgb(24,96,247)
```
#3171f8
```
#3171f8 rgb(49,113,248)
```
#4982f9
```
#4982f9 rgb(73,130,249)
```
#6293fa
```
#6293fa rgb(98,147,250)
```

Monochromatic Color

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

#1898f7
```
#1898f7 rgb(24,152,247)
```
#1885f7
```
#1885f7 rgb(24,133,247)
```
#1873f7
```
#1873f7 rgb(24,115,247)
```
#1860f7
```
#1860f7 rgb(24,96,247)
```
#184df7
```
#184df7 rgb(24,77,247)
```
#183bf7
```
#183bf7 rgb(24,59,247)
```
#1828f7
```
#1828f7 rgb(24,40,247)
```

Similar Colors

Text with hexadecimal color #1860f7

This text has a font color of #1860f7.

<span style="color:#1860f7;">Text here</span>

#1860f7 background color

This paragraph has a background color of #1860f7.

<p style="background-color:#1860f7;">Content here</p>

#1860f7 border color

This element has a border color of #1860f7.

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

CSS codes

.text {color:#1860f7;}

.background {background-color:#1860f7;}

.border {border:1px solid #1860f7;}

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, #01050f is the darkest color, while #fcfdff is the lightest one.

#01050f
```
#01050f rgb(1,5,15)
```
#010c22
```
#010c22 rgb(1,12,34)
```
#021235
```
#021235 rgb(2,18,53)
```
#031948
```
#031948 rgb(3,25,72)
```
#03205b
```
#03205b rgb(3,32,91)
```
#04266e
```
#04266e rgb(4,38,110)
```
#042d81
```
#042d81 rgb(4,45,129)
```
#053394
```
#053394 rgb(5,51,148)
```
#063aa7
```
#063aa7 rgb(6,58,167)
```
#0640ba
```
#0640ba rgb(6,64,186)
```
#0747cd
```
#0747cd rgb(7,71,205)
```
#084ee0
```
#084ee0 rgb(8,78,224)
```
#0854f3
```
#0854f3 rgb(8,84,243)
```

Shade Color Variation

#1860f7
```
#1860f7 rgb(24,96,247)
```
#2b6df8
```
#2b6df8 rgb(43,109,248)
```
#3e7af8
```
#3e7af8 rgb(62,122,248)
```
#5187f9
```
#5187f9 rgb(81,135,249)
```
#6494fa
```
#6494fa rgb(100,148,250)
```
#77a1fa
```
#77a1fa rgb(119,161,250)
```
#8aaefb
```
#8aaefb rgb(138,174,251)
```
#9dbbfc
```
#9dbbfc rgb(157,187,252)
```
#b0c8fc
```
#b0c8fc rgb(176,200,252)
```
#c3d5fd
```
#c3d5fd rgb(195,213,253)
```
#d6e2fe
```
#d6e2fe rgb(214,226,254)
```
#e9f0fe
```
#e9f0fe rgb(233,240,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#868789
```
#868789 rgb(134,135,137)
```
#7d8492
```
#7d8492 rgb(125,132,146)
```
#74819b
```
#74819b rgb(116,129,155)
```
#6b7da4
```
#6b7da4 rgb(107,125,164)
```
#627aad
```
#627aad rgb(98,122,173)
```
#5877b7
```
#5877b7 rgb(88,119,183)
```
#4f74c0
```
#4f74c0 rgb(79,116,192)
```
#4670c9
```
#4670c9 rgb(70,112,201)
```
#3d6dd2
```
#3d6dd2 rgb(61,109,210)
```
#346adb
```
#346adb rgb(52,106,219)
```
#2a67e5
```
#2a67e5 rgb(42,103,229)
```
#2163ee
```
#2163ee rgb(33,99,238)
```
#1860f7
```
#1860f7 rgb(24,96,247)
```

Tone Color Variation

Below, you can see how #1860f7 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

#5c5c5c Achromatopsia 0.005% of the population
#4e5d7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008086 Tritanopia 0.001% of the population

Trichromacy

#086ae6 Protanomaly 1% of men, 0.01% of women
#086ed4 Deuteranomaly 6% of men, 0.4% of women
#0874af Tritanomaly 0.01% of the population

#1860f7 hex color

#1860f7 Color Information

#1860f7 Color Conversion

Color Schemes with #1860f7

Alternatives to #1860f7

#1860f7 Preview

Shades and Tints of #1860f7

Tones of #1860f7

Color Blindness Simulator