#2486fa hex color

In a RGB color space, hex #2486fa is composed of 14.1% red, 52.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 46.4% magenta, 0% yellow and 2% black. It has a hue angle of 212.5 degrees, a saturation of 95.5% and a lightness of 56.1%. #2486fa color hex could be obtained by blending #48ffff with #000df5. Closest websafe color is: #3399ff.

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

● #2486fa color description : Vivid blue.

The hexadecimal color #2486fa has RGB values of R:36, G:134, B:250 and CMYK values of C:0.86, M:0.46, Y:0, K:0.02. Its decimal value is 2393850.

Hex triplet	2486fa	`#2486fa`
RGB Decimal	36, 134, 250	`rgb(36,134,250)`
RGB Percent	14.1, 52.5, 98	`rgb(14.1%,52.5%,98%)`
CMYK	86, 46, 0, 2
HSL	212.5°, 95.5, 56.1	`hsl(212.5,95.5%,56.1%)`
HSV (or HSB)	212.5°, 85.6, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.412, 14.539, -65.411
XYZ	26.504, 24.325, 93.736
xyY	0.183, 0.168, 24.325
CIE-LCH	56.412, 67.007, 282.532
CIE-LUV	56.412, -29.492, -104.751
Hunter-Lab	49.32, 9.612, -78.159
Binary	00100100, 10000110, 11111010

#2486fa
```
#2486fa rgb(36,134,250)
```
#fa9824
```
#fa9824 rgb(250,152,36)
```

Complementary Color

#24f1fa
```
#24f1fa rgb(36,241,250)
```
#2486fa
```
#2486fa rgb(36,134,250)
```
#2d24fa
```
#2d24fa rgb(45,36,250)
```

Analogous Color

#f1fa24
```
#f1fa24 rgb(241,250,36)
```
#2486fa
```
#2486fa rgb(36,134,250)
```
#fa2d24
```
#fa2d24 rgb(250,45,36)
```

Split Complementary Color

#86fa24
```
#86fa24 rgb(134,250,36)
```
#2486fa
```
#2486fa rgb(36,134,250)
```
#fa2486
```
#fa2486 rgb(250,36,134)
```

Triadic Color

#24fa98
```
#24fa98 rgb(36,250,152)
```
#2486fa
```
#2486fa rgb(36,134,250)
```
#fa2486
```
#fa2486 rgb(250,36,134)
```
#fa9824
```
#fa9824 rgb(250,152,36)
```

Tetradic Color

#0560cd
```
#0560cd rgb(5,96,205)
```
#056ce6
```
#056ce6 rgb(5,108,230)
```
#0b78f9
```
#0b78f9 rgb(11,120,249)
```
#2486fa
```
#2486fa rgb(36,134,250)
```
#3d94fb
```
#3d94fb rgb(61,148,251)
```
#56a2fb
```
#56a2fb rgb(86,162,251)
```
#6faffc
```
#6faffc rgb(111,175,252)
```

Monochromatic Color

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

#24bcfa
```
#24bcfa rgb(36,188,250)
```
#24aafa
```
#24aafa rgb(36,170,250)
```
#2498fa
```
#2498fa rgb(36,152,250)
```
#2486fa
```
#2486fa rgb(36,134,250)
```
#2474fa
```
#2474fa rgb(36,116,250)
```
#2462fa
```
#2462fa rgb(36,98,250)
```
#2451fa
```
#2451fa rgb(36,81,250)
```

Similar Colors

Text with hexadecimal color #2486fa

This text has a font color of #2486fa.

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

#2486fa background color

This paragraph has a background color of #2486fa.

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

#2486fa border color

This element has a border color of #2486fa.

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

CSS codes

.text {color:#2486fa;}

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

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

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

#00050b
```
#00050b rgb(0,5,11)
```
#010e1e
```
#010e1e rgb(1,14,30)
```
#011731
```
#011731 rgb(1,23,49)
```
#022045
```
#022045 rgb(2,32,69)
```
#022958
```
#022958 rgb(2,41,88)
```
#02326b
```
#02326b rgb(2,50,107)
```
#033b7e
```
#033b7e rgb(3,59,126)
```
#034491
```
#034491 rgb(3,68,145)
```
#044da5
```
#044da5 rgb(4,77,165)
```
#0456b8
```
#0456b8 rgb(4,86,184)
```
#055fcb
```
#055fcb rgb(5,95,203)
```
#0568de
```
#0568de rgb(5,104,222)
```
#0671f1
```
#0671f1 rgb(6,113,241)
```

Shade Color Variation

#117bfa
```
#117bfa rgb(17,123,250)
```
#2486fa
```
#2486fa rgb(36,134,250)
```
#3791fa
```
#3791fa rgb(55,145,250)
```
#4a9bfb
```
#4a9bfb rgb(74,155,251)
```
#5ea6fb
```
#5ea6fb rgb(94,166,251)
```
#71b0fc
```
#71b0fc rgb(113,176,252)
```
#84bbfc
```
#84bbfc rgb(132,187,252)
```
#97c6fd
```
#97c6fd rgb(151,198,253)
```
#aad0fd
```
#aad0fd rgb(170,208,253)
```
#bddbfe
```
#bddbfe rgb(189,219,254)
```
#d1e5fe
```
#d1e5fe rgb(209,229,254)
```
#e4f0fe
```
#e4f0fe rgb(228,240,254)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#8b8f93
```
#8b8f93 rgb(139,143,147)
```
#838e9b
```
#838e9b rgb(131,142,155)
```
#7a8da4
```
#7a8da4 rgb(122,141,164)
```
#728dac
```
#728dac rgb(114,141,172)
```
#698cb5
```
#698cb5 rgb(105,140,181)
```
#608bbe
```
#608bbe rgb(96,139,190)
```
#588ac6
```
#588ac6 rgb(88,138,198)
```
#4f8acf
```
#4f8acf rgb(79,138,207)
```
#4689d8
```
#4689d8 rgb(70,137,216)
```
#3e88e0
```
#3e88e0 rgb(62,136,224)
```
#3587e9
```
#3587e9 rgb(53,135,233)
```
#2d87f1
```
#2d87f1 rgb(45,135,241)
```
#2486fa
```
#2486fa rgb(36,134,250)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#667990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d89f8 Protanopia 1% of men
#0090ee Deuteranopia 1% of men
#009ba4 Tritanopia 0.001% of the population

Trichromacy

#3e88f8 Protanomaly 1% of men, 0.01% of women
#0d8cf2 Deuteranomaly 6% of men, 0.4% of women
#0d93c3 Tritanomaly 0.01% of the population

#2486fa hex color

#2486fa Color Information

#2486fa Color Conversion

Color Schemes with #2486fa

Alternatives to #2486fa

#2486fa Preview

Shades and Tints of #2486fa

Tones of #2486fa

Color Blindness Simulator