#1886fa hex color

In a RGB color space, hex #1886fa is composed of 9.4% red, 52.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 46.4% magenta, 0% yellow and 2% black. It has a hue angle of 210.8 degrees, a saturation of 95.8% and a lightness of 53.7%. #1886fa color hex could be obtained by blending #30ffff with #000df5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 9
- G 53
- B 98
RGB color chart
- C 90
- M 46
- Y 0
- K 2
CMYK color chart

● #1886fa color description : Vivid blue.

The hexadecimal color #1886fa has RGB values of R:24, G:134, B:250 and CMYK values of C:0.9, M:0.46, Y:0, K:0.02. Its decimal value is 1607418.

Hex triplet	1886fa	`#1886fa`
RGB Decimal	24, 134, 250	`rgb(24,134,250)`
RGB Percent	9.4, 52.5, 98	`rgb(9.4%,52.5%,98%)`
CMYK	90, 46, 0, 2
HSL	210.8°, 95.8, 53.7	`hsl(210.8,95.8%,53.7%)`
HSV (or HSB)	210.8°, 90.4, 98
Web Safe	0099ff	`#0099ff`

CIE-LAB	56.232, 13.867, -65.71
XYZ	26.153, 24.144, 93.719
xyY	0.182, 0.168, 24.144
CIE-LCH	56.232, 67.157, 281.916
CIE-LUV	56.232, -30.395, -105.088
Hunter-Lab	49.137, 9.018, -78.689
Binary	00011000, 10000110, 11111010

#1886fa
```
#1886fa rgb(24,134,250)
```
#fa8c18
```
#fa8c18 rgb(250,140,24)
```

Complementary Color

#18f7fa
```
#18f7fa rgb(24,247,250)
```
#1886fa
```
#1886fa rgb(24,134,250)
```
#1b18fa
```
#1b18fa rgb(27,24,250)
```

Analogous Color

#f7fa18
```
#f7fa18 rgb(247,250,24)
```
#1886fa
```
#1886fa rgb(24,134,250)
```
#fa1b18
```
#fa1b18 rgb(250,27,24)
```

Split Complementary Color

#86fa18
```
#86fa18 rgb(134,250,24)
```
#1886fa
```
#1886fa rgb(24,134,250)
```
#fa1886
```
#fa1886 rgb(250,24,134)
```

Triadic Color

#18fa8c
```
#18fa8c rgb(24,250,140)
```
#1886fa
```
#1886fa rgb(24,134,250)
```
#fa1886
```
#fa1886 rgb(250,24,134)
```
#fa8c18
```
#fa8c18 rgb(250,140,24)
```

Tetradic Color

#0460c1
```
#0460c1 rgb(4,96,193)
```
#056dda
```
#056dda rgb(5,109,218)
```
#0579f3
```
#0579f3 rgb(5,121,243)
```
#1886fa
```
#1886fa rgb(24,134,250)
```
#3193fb
```
#3193fb rgb(49,147,251)
```
#4aa0fb
```
#4aa0fb rgb(74,160,251)
```
#63adfc
```
#63adfc rgb(99,173,252)
```

Monochromatic Color

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

#18bffa
```
#18bffa rgb(24,191,250)
```
#18acfa
```
#18acfa rgb(24,172,250)
```
#1899fa
```
#1899fa rgb(24,153,250)
```
#1886fa
```
#1886fa rgb(24,134,250)
```
#1873fa
```
#1873fa rgb(24,115,250)
```
#1860fa
```
#1860fa rgb(24,96,250)
```
#184efa
```
#184efa rgb(24,78,250)
```

Similar Colors

Text with hexadecimal color #1886fa

This text has a font color of #1886fa.

<span style="color:#1886fa;">Text here</span>

#1886fa background color

This paragraph has a background color of #1886fa.

<p style="background-color:#1886fa;">Content here</p>

#1886fa border color

This element has a border color of #1886fa.

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

CSS codes

.text {color:#1886fa;}

.background {background-color:#1886fa;}

.border {border:1px solid #1886fa;}

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

#000913
```
#000913 rgb(0,9,19)
```
#011326
```
#011326 rgb(1,19,38)
```
#011c39
```
#011c39 rgb(1,28,57)
```
#02264c
```
#02264c rgb(2,38,76)
```
#022f5f
```
#022f5f rgb(2,47,95)
```
#023973
```
#023973 rgb(2,57,115)
```
#034386
```
#034386 rgb(3,67,134)
```
#034c99
```
#034c99 rgb(3,76,153)
```
#0456ac
```
#0456ac rgb(4,86,172)
```
#045fbf
```
#045fbf rgb(4,95,191)
```
#0569d3
```
#0569d3 rgb(5,105,211)
```
#0572e6
```
#0572e6 rgb(5,114,230)
```
#057cf9
```
#057cf9 rgb(5,124,249)
```

Shade Color Variation

#1886fa
```
#1886fa rgb(24,134,250)
```
#2b90fa
```
#2b90fa rgb(43,144,250)
```
#3e9afb
```
#3e9afb rgb(62,154,251)
```
#52a4fb
```
#52a4fb rgb(82,164,251)
```
#65aefc
```
#65aefc rgb(101,174,252)
```
#78b8fc
```
#78b8fc rgb(120,184,252)
```
#8bc2fc
```
#8bc2fc rgb(139,194,252)
```
#9eccfd
```
#9eccfd rgb(158,204,253)
```
#b2d6fd
```
#b2d6fd rgb(178,214,253)
```
#c5e1fe
```
#c5e1fe rgb(197,225,254)
```
#d8ebfe
```
#d8ebfe rgb(216,235,254)
```
#ebf5ff
```
#ebf5ff rgb(235,245,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85898d is the less saturated color, while #1886fa is the most saturated one.

#85898d
```
#85898d rgb(133,137,141)
```
#7c8996
```
#7c8996 rgb(124,137,150)
```
#73889f
```
#73889f rgb(115,136,159)
```
#6a88a8
```
#6a88a8 rgb(106,136,168)
```
#6188b1
```
#6188b1 rgb(97,136,177)
```
#5888ba
```
#5888ba rgb(88,136,186)
```
#4e87c4
```
#4e87c4 rgb(78,135,196)
```
#4587cd
```
#4587cd rgb(69,135,205)
```
#3c87d6
```
#3c87d6 rgb(60,135,214)
```
#3387df
```
#3387df rgb(51,135,223)
```
#2a86e8
```
#2a86e8 rgb(42,134,232)
```
#2186f1
```
#2186f1 rgb(33,134,241)
```
#1886fa
```
#1886fa rgb(24,134,250)
```

Tone Color Variation

Below, you can see how #1886fa 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

#727272 Achromatopsia 0.005% of the population
#60768d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c89f7 Protanopia 1% of men
#008fed Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#3988f8 Protanomaly 1% of men, 0.01% of women
#088cf2 Deuteranomaly 6% of men, 0.4% of women
#0893c3 Tritanomaly 0.01% of the population

#1886fa hex color

#1886fa Color Information

#1886fa Color Conversion

Color Schemes with #1886fa

Alternatives to #1886fa

#1886fa Preview

Shades and Tints of #1886fa

Tones of #1886fa

Color Blindness Simulator