#486dfa hex color

In a RGB color space, hex #486dfa is composed of 28.2% red, 42.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 56.4% magenta, 0% yellow and 2% black. It has a hue angle of 227.5 degrees, a saturation of 94.7% and a lightness of 63.1%. #486dfa color hex could be obtained by blending #90daff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 28
- G 43
- B 98
RGB color chart
- C 71
- M 56
- Y 0
- K 2
CMYK color chart

● #486dfa color description : Bright blue.

The hexadecimal color #486dfa has RGB values of R:72, G:109, B:250 and CMYK values of C:0.71, M:0.56, Y:0, K:0.02. Its decimal value is 4746746.

Hex triplet	486dfa	`#486dfa`
RGB Decimal	72, 109, 250	`rgb(72,109,250)`
RGB Percent	28.2, 42.7, 98	`rgb(28.2%,42.7%,98%)`
CMYK	71, 56, 0, 2
HSL	227.5°, 94.7, 63.1	`hsl(227.5,94.7%,63.1%)`
HSV (or HSB)	227.5°, 71.2, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.938, 33.501, -74.218
XYZ	25.393, 19.215, 92.808
xyY	0.185, 0.14, 19.215
CIE-LCH	50.938, 81.429, 294.294
CIE-LUV	50.938, -17.403, -116.701
Hunter-Lab	43.835, 26.689, -94.843
Binary	01001000, 01101101, 11111010

#486dfa
```
#486dfa rgb(72,109,250)
```
#fad548
```
#fad548 rgb(250,213,72)
```

Complementary Color

#48c6fa
```
#48c6fa rgb(72,198,250)
```
#486dfa
```
#486dfa rgb(72,109,250)
```
#7c48fa
```
#7c48fa rgb(124,72,250)
```

Analogous Color

#c6fa48
```
#c6fa48 rgb(198,250,72)
```
#486dfa
```
#486dfa rgb(72,109,250)
```
#fa7c48
```
#fa7c48 rgb(250,124,72)
```

Split Complementary Color

#6dfa48
```
#6dfa48 rgb(109,250,72)
```
#486dfa
```
#486dfa rgb(72,109,250)
```
#fa486d
```
#fa486d rgb(250,72,109)
```

Triadic Color

#48fad5
```
#48fad5 rgb(72,250,213)
```
#486dfa
```
#486dfa rgb(72,109,250)
```
#fa486d
```
#fa486d rgb(250,72,109)
```
#fad548
```
#fad548 rgb(250,213,72)
```

Tetradic Color

#0737ef
```
#0737ef rgb(7,55,239)
```
#1645f9
```
#1645f9 rgb(22,69,249)
```
#2f59f9
```
#2f59f9 rgb(47,89,249)
```
#486dfa
```
#486dfa rgb(72,109,250)
```
#6181fb
```
#6181fb rgb(97,129,251)
```
#7a95fb
```
#7a95fb rgb(122,149,251)
```
#92a8fc
```
#92a8fc rgb(146,168,252)
```

Monochromatic Color

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

#489afa
```
#489afa rgb(72,154,250)
```
#488bfa
```
#488bfa rgb(72,139,250)
```
#487cfa
```
#487cfa rgb(72,124,250)
```
#486dfa
```
#486dfa rgb(72,109,250)
```
#485efa
```
#485efa rgb(72,94,250)
```
#484ffa
```
#484ffa rgb(72,79,250)
```
#5048fa
```
#5048fa rgb(80,72,250)
```

Similar Colors

Text with hexadecimal color #486dfa

This text has a font color of #486dfa.

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

#486dfa background color

This paragraph has a background color of #486dfa.

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

#486dfa border color

This element has a border color of #486dfa.

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

CSS codes

.text {color:#486dfa;}

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

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

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

#000208
```
#000208 rgb(0,2,8)
```
#01061b
```
#01061b rgb(1,6,27)
```
#010b2e
```
#010b2e rgb(1,11,46)
```
#020f41
```
#020f41 rgb(2,15,65)
```
#021354
```
#021354 rgb(2,19,84)
```
#031867
```
#031867 rgb(3,24,103)
```
#031c7a
```
#031c7a rgb(3,28,122)
```
#04208e
```
#04208e rgb(4,32,142)
```
#0425a1
```
#0425a1 rgb(4,37,161)
```
#0529b4
```
#0529b4 rgb(5,41,180)
```
#052ec7
```
#052ec7 rgb(5,46,199)
```
#0632da
```
#0632da rgb(6,50,218)
```
#0636ed
```
#0636ed rgb(6,54,237)
```

Shade Color Variation

#0f3ff8
```
#0f3ff8 rgb(15,63,248)
```
#224ff9
```
#224ff9 rgb(34,79,249)
```
#355ef9
```
#355ef9 rgb(53,94,249)
```
#486dfa
```
#486dfa rgb(72,109,250)
```
#5b7cfb
```
#5b7cfb rgb(91,124,251)
```
#6e8bfb
```
#6e8bfb rgb(110,139,251)
```
#819bfc
```
#819bfc rgb(129,155,252)
```
#94aafc
```
#94aafc rgb(148,170,252)
```
#a7b9fd
```
#a7b9fd rgb(167,185,253)
```
#bbc8fd
```
#bbc8fd rgb(187,200,253)
```
#ced8fe
```
#ced8fe rgb(206,216,254)
```
#e1e7fe
```
#e1e7fe rgb(225,231,254)
```
#f4f6ff
```
#f4f6ff rgb(244,246,255)
```

Tint Color Variation

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

#9fa0a3
```
#9fa0a3 rgb(159,160,163)
```
#989baa
```
#989baa rgb(152,155,170)
```
#9097b2
```
#9097b2 rgb(144,151,178)
```
#8993b9
```
#8993b9 rgb(137,147,185)
```
#828fc0
```
#828fc0 rgb(130,143,192)
```
#7b8bc7
```
#7b8bc7 rgb(123,139,199)
```
#7386cf
```
#7386cf rgb(115,134,207)
```
#6c82d6
```
#6c82d6 rgb(108,130,214)
```
#657edd
```
#657edd rgb(101,126,221)
```
#5e7ae4
```
#5e7ae4 rgb(94,122,228)
```
#5675ec
```
#5675ec rgb(86,117,236)
```
#4f71f3
```
#4f71f3 rgb(79,113,243)
```
#486dfa
```
#486dfa rgb(72,109,250)
```

Tone Color Variation

Below, you can see how #486dfa 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
#6a718d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#0083d5 Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#1a76f5 Protanomaly 1% of men, 0.01% of women
#1a7be2 Deuteranomaly 6% of men, 0.4% of women
#1a81ba Tritanomaly 0.01% of the population

#486dfa hex color

#486dfa Color Information

#486dfa Color Conversion

Color Schemes with #486dfa

Alternatives to #486dfa

#486dfa Preview

Shades and Tints of #486dfa

Tones of #486dfa

Color Blindness Simulator