#486ffe hex color

In a RGB color space, hex #486ffe is composed of 28.2% red, 43.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 56.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 227.1 degrees, a saturation of 98.9% and a lightness of 63.9%. #486ffe color hex could be obtained by blending #90deff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 28
- G 44
- B 100
RGB color chart
- C 72
- M 56
- Y 0
- K 0
CMYK color chart

● #486ffe color description : Bright blue.

The hexadecimal color #486ffe has RGB values of R:72, G:111, B:254 and CMYK values of C:0.72, M:0.56, Y:0, K:0. Its decimal value is 4747262.

Hex triplet	486ffe	`#486ffe`
RGB Decimal	72, 111, 254	`rgb(72,111,254)`
RGB Percent	28.2, 43.5, 99.6	`rgb(28.2%,43.5%,99.6%)`
CMYK	72, 56, 0, 0
HSL	227.1°, 98.9, 63.9	`hsl(227.1,98.9%,63.9%)`
HSV (or HSB)	227.1°, 71.7, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.725, 33.665, -75.158
XYZ	26.243, 19.901, 96.219
xyY	0.184, 0.14, 19.901
CIE-LCH	51.725, 82.353, 294.129
CIE-LUV	51.725, -17.963, -118.583
Hunter-Lab	44.61, 26.938, -96.654
Binary	01001000, 01101111, 11111110

#486ffe
```
#486ffe rgb(72,111,254)
```
#fed748
```
#fed748 rgb(254,215,72)
```

Complementary Color

#48cafe
```
#48cafe rgb(72,202,254)
```
#486ffe
```
#486ffe rgb(72,111,254)
```
#7c48fe
```
#7c48fe rgb(124,72,254)
```

Analogous Color

#cafe48
```
#cafe48 rgb(202,254,72)
```
#486ffe
```
#486ffe rgb(72,111,254)
```
#fe7c48
```
#fe7c48 rgb(254,124,72)
```

Split Complementary Color

#6ffe48
```
#6ffe48 rgb(111,254,72)
```
#486ffe
```
#486ffe rgb(72,111,254)
```
#fe486f
```
#fe486f rgb(254,72,111)
```

Triadic Color

#48fed7
```
#48fed7 rgb(72,254,215)
```
#486ffe
```
#486ffe rgb(72,111,254)
```
#fe486f
```
#fe486f rgb(254,72,111)
```
#fed748
```
#fed748 rgb(254,215,72)
```

Tetradic Color

#0136f8
```
#0136f8 rgb(1,54,248)
```
#1547fe
```
#1547fe rgb(21,71,254)
```
#2f5bfe
```
#2f5bfe rgb(47,91,254)
```
#486ffe
```
#486ffe rgb(72,111,254)
```
#6183fe
```
#6183fe rgb(97,131,254)
```
#7b97fe
```
#7b97fe rgb(123,151,254)
```
#94abfe
```
#94abfe rgb(148,171,254)
```

Monochromatic Color

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

#489dfe
```
#489dfe rgb(72,157,254)
```
#488dfe
```
#488dfe rgb(72,141,254)
```
#487efe
```
#487efe rgb(72,126,254)
```
#486ffe
```
#486ffe rgb(72,111,254)
```
#4860fe
```
#4860fe rgb(72,96,254)
```
#4851fe
```
#4851fe rgb(72,81,254)
```
#4e48fe
```
#4e48fe rgb(78,72,254)
```

Similar Colors

Text with hexadecimal color #486ffe

This text has a font color of #486ffe.

<span style="color:#486ffe;">Text here</span>

#486ffe background color

This paragraph has a background color of #486ffe.

<p style="background-color:#486ffe;">Content here</p>

#486ffe border color

This element has a border color of #486ffe.

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

CSS codes

.text {color:#486ffe;}

.background {background-color:#486ffe;}

.border {border:1px solid #486ffe;}

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, #00030c is the darkest color, while #f8f9ff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#000720
```
#000720 rgb(0,7,32)
```
#000b33
```
#000b33 rgb(0,11,51)
```
#000f47
```
#000f47 rgb(0,15,71)
```
#00145a
```
#00145a rgb(0,20,90)
```
#01186e
```
#01186e rgb(1,24,110)
```
#011c81
```
#011c81 rgb(1,28,129)
```
#012095
```
#012095 rgb(1,32,149)
```
#0125a8
```
#0125a8 rgb(1,37,168)
```
#0129bc
```
#0129bc rgb(1,41,188)
```
#012dcf
```
#012dcf rgb(1,45,207)
```
#0132e3
```
#0132e3 rgb(1,50,227)
```
#0136f6
```
#0136f6 rgb(1,54,246)
```

Shade Color Variation

#0d41fe
```
#0d41fe rgb(13,65,254)
```
#2150fe
```
#2150fe rgb(33,80,254)
```
#3460fe
```
#3460fe rgb(52,96,254)
```
#486ffe
```
#486ffe rgb(72,111,254)
```
#5c7efe
```
#5c7efe rgb(92,126,254)
```
#6f8efe
```
#6f8efe rgb(111,142,254)
```
#839dfe
```
#839dfe rgb(131,157,254)
```
#96acfe
```
#96acfe rgb(150,172,254)
```
#aabcff
```
#aabcff rgb(170,188,255)
```
#bdcbff
```
#bdcbff rgb(189,203,255)
```
#d1daff
```
#d1daff rgb(209,218,255)
```
#e4eaff
```
#e4eaff rgb(228,234,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da0a9 is the less saturated color, while #486ffe is the most saturated one.

#9da0a9
```
#9da0a9 rgb(157,160,169)
```
#969bb0
```
#969bb0 rgb(150,155,176)
```
#8f97b7
```
#8f97b7 rgb(143,151,183)
```
#8893be
```
#8893be rgb(136,147,190)
```
#818fc5
```
#818fc5 rgb(129,143,197)
```
#7a8bcc
```
#7a8bcc rgb(122,139,204)
```
#7287d4
```
#7287d4 rgb(114,135,212)
```
#6b83db
```
#6b83db rgb(107,131,219)
```
#647fe2
```
#647fe2 rgb(100,127,226)
```
#5d7be9
```
#5d7be9 rgb(93,123,233)
```
#5677f0
```
#5677f0 rgb(86,119,240)
```
#4f73f7
```
#4f73f7 rgb(79,115,247)
```
#486ffe
```
#486ffe rgb(72,111,254)
```

Tone Color Variation

Below, you can see how #486ffe 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

#747474 Achromatopsia 0.005% of the population
#6b7390 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef7 Protanopia 1% of men
#0085d8 Deuteranopia 1% of men
#008e97 Tritanopia 0.001% of the population

Trichromacy

#1a78f9 Protanomaly 1% of men, 0.01% of women
#1a7de6 Deuteranomaly 6% of men, 0.4% of women
#1a83bc Tritanomaly 0.01% of the population

#486ffe hex color

#486ffe Color Information

#486ffe Color Conversion

Color Schemes with #486ffe

Alternatives to #486ffe

#486ffe Preview

Shades and Tints of #486ffe

Tones of #486ffe

Color Blindness Simulator