#486cef hex color

In a RGB color space, hex #486cef is composed of 28.2% red, 42.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 54.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 227.1 degrees, a saturation of 83.9% and a lightness of 61%. #486cef color hex could be obtained by blending #90d8ff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 28
- G 42
- B 94
RGB color chart
- C 70
- M 55
- Y 0
- K 6
CMYK color chart

● #486cef color description : Soft blue.

The hexadecimal color #486cef has RGB values of R:72, G:108, B:239 and CMYK values of C:0.7, M:0.55, Y:0, K:0.06. Its decimal value is 4746479.

Hex triplet	486cef	`#486cef`
RGB Decimal	72, 108, 239	`rgb(72,108,239)`
RGB Percent	28.2, 42.4, 93.7	`rgb(28.2%,42.4%,93.7%)`
CMYK	70, 55, 0, 6
HSL	227.1°, 83.9, 61	`hsl(227.1,83.9%,61%)`
HSV (or HSB)	227.1°, 69.9, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.898, 30.273, -69.777
XYZ	23.612, 18.333, 83.951
xyY	0.188, 0.146, 18.333
CIE-LCH	49.898, 76.061, 293.454
CIE-LUV	49.898, -17.036, -109.36
Hunter-Lab	42.817, 23.504, -86.276
Binary	01001000, 01101100, 11101111

#486cef
```
#486cef rgb(72,108,239)
```
#efcb48
```
#efcb48 rgb(239,203,72)
```

Complementary Color

#48c0ef
```
#48c0ef rgb(72,192,239)
```
#486cef
```
#486cef rgb(72,108,239)
```
#7848ef
```
#7848ef rgb(120,72,239)
```

Analogous Color

#c0ef48
```
#c0ef48 rgb(192,239,72)
```
#486cef
```
#486cef rgb(72,108,239)
```
#ef7848
```
#ef7848 rgb(239,120,72)
```

Split Complementary Color

#6cef48
```
#6cef48 rgb(108,239,72)
```
#486cef
```
#486cef rgb(72,108,239)
```
#ef486c
```
#ef486c rgb(239,72,108)
```

Triadic Color

#48efcb
```
#48efcb rgb(72,239,203)
```
#486cef
```
#486cef rgb(72,108,239)
```
#ef486c
```
#ef486c rgb(239,72,108)
```
#efcb48
```
#efcb48 rgb(239,203,72)
```

Tetradic Color

#133dd8
```
#133dd8 rgb(19,61,216)
```
#1946eb
```
#1946eb rgb(25,70,235)
```
#3159ed
```
#3159ed rgb(49,89,237)
```
#486cef
```
#486cef rgb(72,108,239)
```
#5f7ff1
```
#5f7ff1 rgb(95,127,241)
```
#7792f3
```
#7792f3 rgb(119,146,243)
```
#8ea5f5
```
#8ea5f5 rgb(142,165,245)
```

Monochromatic Color

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

#4896ef
```
#4896ef rgb(72,150,239)
```
#4888ef
```
#4888ef rgb(72,136,239)
```
#487aef
```
#487aef rgb(72,122,239)
```
#486cef
```
#486cef rgb(72,108,239)
```
#485eef
```
#485eef rgb(72,94,239)
```
#4850ef
```
#4850ef rgb(72,80,239)
```
#4e48ef
```
#4e48ef rgb(78,72,239)
```

Similar Colors

Text with hexadecimal color #486cef

This text has a font color of #486cef.

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

#486cef background color

This paragraph has a background color of #486cef.

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

#486cef border color

This element has a border color of #486cef.

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

CSS codes

.text {color:#486cef;}

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

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

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, #01040f is the darkest color, while #fcfdff is the lightest one.

#01040f
```
#01040f rgb(1,4,15)
```
#030a21
```
#030a21 rgb(3,10,33)
```
#050f33
```
#050f33 rgb(5,15,51)
```
#061446
```
#061446 rgb(6,20,70)
```
#081958
```
#081958 rgb(8,25,88)
```
#091e6a
```
#091e6a rgb(9,30,106)
```
#0b237c
```
#0b237c rgb(11,35,124)
```
#0c288e
```
#0c288e rgb(12,40,142)
```
#0e2da0
```
#0e2da0 rgb(14,45,160)
```
#1033b2
```
#1033b2 rgb(16,51,178)
```
#1138c4
```
#1138c4 rgb(17,56,196)
```
#133dd6
```
#133dd6 rgb(19,61,214)
```
#1442e8
```
#1442e8 rgb(20,66,232)
```

Shade Color Variation

#244fec
```
#244fec rgb(36,79,236)
```
#365eed
```
#365eed rgb(54,94,237)
```
#486cef
```
#486cef rgb(72,108,239)
```
#5a7af1
```
#5a7af1 rgb(90,122,241)
```
#6c89f2
```
#6c89f2 rgb(108,137,242)
```
#7e97f4
```
#7e97f4 rgb(126,151,244)
```
#90a6f5
```
#90a6f5 rgb(144,166,245)
```
#a2b4f7
```
#a2b4f7 rgb(162,180,247)
```
#b4c3f8
```
#b4c3f8 rgb(180,195,248)
```
#c6d1fa
```
#c6d1fa rgb(198,209,250)
```
#d8e0fc
```
#d8e0fc rgb(216,224,252)
```
#eaeefd
```
#eaeefd rgb(234,238,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9598a2 is the less saturated color, while #3963fe is the most saturated one.

#9598a2
```
#9598a2 rgb(149,152,162)
```
#8d93aa
```
#8d93aa rgb(141,147,170)
```
#858fb2
```
#858fb2 rgb(133,143,178)
```
#7e8ab9
```
#7e8ab9 rgb(126,138,185)
```
#7686c1
```
#7686c1 rgb(118,134,193)
```
#6e82c9
```
#6e82c9 rgb(110,130,201)
```
#677dd0
```
#677dd0 rgb(103,125,208)
```
#5f79d8
```
#5f79d8 rgb(95,121,216)
```
#5775e0
```
#5775e0 rgb(87,117,224)
```
#5070e7
```
#5070e7 rgb(80,112,231)
```
#486cef
```
#486cef rgb(72,108,239)
```
#4068f7
```
#4068f7 rgb(64,104,247)
```
#3963fe
```
#3963fe rgb(57,99,254)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#686f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ef Protanopia 1% of men
#0080d1 Deuteranopia 1% of men
#008a92 Tritanopia 0.001% of the population

Trichromacy

#1a74ef Protanomaly 1% of men, 0.01% of women
#1a79dc Deuteranomaly 6% of men, 0.4% of women
#1a7fb4 Tritanomaly 0.01% of the population

#486cef hex color

#486cef Color Information

#486cef Color Conversion

Color Schemes with #486cef

Alternatives to #486cef

#486cef Preview

Shades and Tints of #486cef

Tones of #486cef

Color Blindness Simulator