#486ef2 hex color

In a RGB color space, hex #486ef2 is composed of 28.2% red, 43.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 54.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 226.6 degrees, a saturation of 86.7% and a lightness of 61.6%. #486ef2 color hex could be obtained by blending #90dcff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 28
- G 43
- B 95
RGB color chart
- C 70
- M 55
- Y 0
- K 5
CMYK color chart

● #486ef2 color description : Bright blue.

The hexadecimal color #486ef2 has RGB values of R:72, G:110, B:242 and CMYK values of C:0.7, M:0.55, Y:0, K:0.05. Its decimal value is 4746994.

Hex triplet	486ef2	`#486ef2`
RGB Decimal	72, 110, 242	`rgb(72,110,242)`
RGB Percent	28.2, 43.1, 94.9	`rgb(28.2%,43.1%,94.9%)`
CMYK	70, 55, 0, 5
HSL	226.6°, 86.7, 61.6	`hsl(226.6,86.7%,61.6%)`
HSV (or HSB)	226.6°, 70.2, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.616, 30.083, -70.289
XYZ	24.272, 18.939, 86.376
xyY	0.187, 0.146, 18.939
CIE-LCH	50.616, 76.456, 293.171
CIE-LUV	50.616, -17.604, -110.528
Hunter-Lab	43.519, 23.398, -87.216
Binary	01001000, 01101110, 11110010

#486ef2
```
#486ef2 rgb(72,110,242)
```
#f2cc48
```
#f2cc48 rgb(242,204,72)
```

Complementary Color

#48c3f2
```
#48c3f2 rgb(72,195,242)
```
#486ef2
```
#486ef2 rgb(72,110,242)
```
#7748f2
```
#7748f2 rgb(119,72,242)
```

Analogous Color

#c3f248
```
#c3f248 rgb(195,242,72)
```
#486ef2
```
#486ef2 rgb(72,110,242)
```
#f27748
```
#f27748 rgb(242,119,72)
```

Split Complementary Color

#6ef248
```
#6ef248 rgb(110,242,72)
```
#486ef2
```
#486ef2 rgb(72,110,242)
```
#f2486e
```
#f2486e rgb(242,72,110)
```

Triadic Color

#48f2cc
```
#48f2cc rgb(72,242,204)
```
#486ef2
```
#486ef2 rgb(72,110,242)
```
#f2486e
```
#f2486e rgb(242,72,110)
```
#f2cc48
```
#f2cc48 rgb(242,204,72)
```

Tetradic Color

#103ede
```
#103ede rgb(16,62,222)
```
#1848ef
```
#1848ef rgb(24,72,239)
```
#305bf0
```
#305bf0 rgb(48,91,240)
```
#486ef2
```
#486ef2 rgb(72,110,242)
```
#6081f4
```
#6081f4 rgb(96,129,244)
```
#7894f5
```
#7894f5 rgb(120,148,245)
```
#8fa7f7
```
#8fa7f7 rgb(143,167,247)
```

Monochromatic Color

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

#4899f2
```
#4899f2 rgb(72,153,242)
```
#488af2
```
#488af2 rgb(72,138,242)
```
#487cf2
```
#487cf2 rgb(72,124,242)
```
#486ef2
```
#486ef2 rgb(72,110,242)
```
#4860f2
```
#4860f2 rgb(72,96,242)
```
#4852f2
```
#4852f2 rgb(72,82,242)
```
#4d48f2
```
#4d48f2 rgb(77,72,242)
```

Similar Colors

Text with hexadecimal color #486ef2

This text has a font color of #486ef2.

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

#486ef2 background color

This paragraph has a background color of #486ef2.

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

#486ef2 border color

This element has a border color of #486ef2.

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

CSS codes

.text {color:#486ef2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010512
```
#010512 rgb(1,5,18)
```
#030a25
```
#030a25 rgb(3,10,37)
```
#040f37
```
#040f37 rgb(4,15,55)
```
#051449
```
#051449 rgb(5,20,73)
```
#071a5c
```
#071a5c rgb(7,26,92)
```
#081f6e
```
#081f6e rgb(8,31,110)
```
#092480
```
#092480 rgb(9,36,128)
```
#0a2993
```
#0a2993 rgb(10,41,147)
```
#0c2ea5
```
#0c2ea5 rgb(12,46,165)
```
#0d33b7
```
#0d33b7 rgb(13,51,183)
```
#0e38ca
```
#0e38ca rgb(14,56,202)
```
#103ddc
```
#103ddc rgb(16,61,220)
```

Shade Color Variation

#1142ee
```
#1142ee rgb(17,66,238)
```
#2351ef
```
#2351ef rgb(35,81,239)
```
#365ff1
```
#365ff1 rgb(54,95,241)
```
#486ef2
```
#486ef2 rgb(72,110,242)
```
#5a7df3
```
#5a7df3 rgb(90,125,243)
```
#6d8bf5
```
#6d8bf5 rgb(109,139,245)
```
#7f9af6
```
#7f9af6 rgb(127,154,246)
```
#91a8f7
```
#91a8f7 rgb(145,168,247)
```
#a4b7f9
```
#a4b7f9 rgb(164,183,249)
```
#b6c5fa
```
#b6c5fa rgb(182,197,250)
```
#c8d4fb
```
#c8d4fb rgb(200,212,251)
```
#dbe2fc
```
#dbe2fc rgb(219,226,252)
```
#edf1fe
```
#edf1fe rgb(237,241,254)
```

Tint Color Variation

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

#9b9c9f
```
#9b9c9f rgb(155,156,159)
```
#9398a7
```
#9398a7 rgb(147,152,167)
```
#8c94ae
```
#8c94ae rgb(140,148,174)
```
#848fb6
```
#848fb6 rgb(132,143,182)
```
#7d8bbd
```
#7d8bbd rgb(125,139,189)
```
#7587c5
```
#7587c5 rgb(117,135,197)
```
#6e83cc
```
#6e83cc rgb(110,131,204)
```
#667fd4
```
#667fd4 rgb(102,127,212)
```
#5f7bdb
```
#5f7bdb rgb(95,123,219)
```
#5776e3
```
#5776e3 rgb(87,118,227)
```
#5072ea
```
#5072ea rgb(80,114,234)
```
#486ef2
```
#486ef2 rgb(72,110,242)
```
#406afa
```
#406afa rgb(64,106,250)
```

Tone Color Variation

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

Dichromacy

#007bf2 Protanopia 1% of men
#0082d4 Deuteranopia 1% of men
#008b94 Tritanopia 0.001% of the population

Trichromacy

#1a76f2 Protanomaly 1% of men, 0.01% of women
#1a7adf Deuteranomaly 6% of men, 0.4% of women
#1a81b6 Tritanomaly 0.01% of the population

#486ef2 hex color

#486ef2 Color Information

#486ef2 Color Conversion

Color Schemes with #486ef2

Alternatives to #486ef2

#486ef2 Preview

Shades and Tints of #486ef2

Tones of #486ef2

Color Blindness Simulator