#486bef hex color

In a RGB color space, hex #486bef is composed of 28.2% red, 42% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 55.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 227.4 degrees, a saturation of 83.9% and a lightness of 61%. #486bef color hex could be obtained by blending #90d6ff 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

● #486bef color description : Soft blue.

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

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

CIE-LAB	49.646, 30.895, -70.186
XYZ	23.507, 18.124, 83.916
xyY	0.187, 0.144, 18.124
CIE-LCH	49.646, 76.685, 293.758
CIE-LUV	49.646, -16.765, -109.847
Hunter-Lab	42.572, 24.062, -87.07
Binary	01001000, 01101011, 11101111

#486bef
```
#486bef rgb(72,107,239)
```
#efcc48
```
#efcc48 rgb(239,204,72)
```

Complementary Color

#48bfef
```
#48bfef rgb(72,191,239)
```
#486bef
```
#486bef rgb(72,107,239)
```
#7948ef
```
#7948ef rgb(121,72,239)
```

Analogous Color

#bfef48
```
#bfef48 rgb(191,239,72)
```
#486bef
```
#486bef rgb(72,107,239)
```
#ef7948
```
#ef7948 rgb(239,121,72)
```

Split Complementary Color

#6bef48
```
#6bef48 rgb(107,239,72)
```
#486bef
```
#486bef rgb(72,107,239)
```
#ef486b
```
#ef486b rgb(239,72,107)
```

Triadic Color

#48efcc
```
#48efcc rgb(72,239,204)
```
#486bef
```
#486bef rgb(72,107,239)
```
#ef486b
```
#ef486b rgb(239,72,107)
```
#efcc48
```
#efcc48 rgb(239,204,72)
```

Tetradic Color

#133cd8
```
#133cd8 rgb(19,60,216)
```
#1945eb
```
#1945eb rgb(25,69,235)
```
#3158ed
```
#3158ed rgb(49,88,237)
```
#486bef
```
#486bef rgb(72,107,239)
```
#5f7ef1
```
#5f7ef1 rgb(95,126,241)
```
#7791f3
```
#7791f3 rgb(119,145,243)
```
#8ea4f5
```
#8ea4f5 rgb(142,164,245)
```

Monochromatic Color

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

#4895ef
```
#4895ef rgb(72,149,239)
```
#4887ef
```
#4887ef rgb(72,135,239)
```
#4879ef
```
#4879ef rgb(72,121,239)
```
#486bef
```
#486bef rgb(72,107,239)
```
#485def
```
#485def rgb(72,93,239)
```
#484fef
```
#484fef rgb(72,79,239)
```
#4f48ef
```
#4f48ef rgb(79,72,239)
```

Similar Colors

Text with hexadecimal color #486bef

This text has a font color of #486bef.

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

#486bef background color

This paragraph has a background color of #486bef.

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

#486bef border color

This element has a border color of #486bef.

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

CSS codes

.text {color:#486bef;}

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

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

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)
```
#030921
```
#030921 rgb(3,9,33)
```
#050e33
```
#050e33 rgb(5,14,51)
```
#061346
```
#061346 rgb(6,19,70)
```
#081858
```
#081858 rgb(8,24,88)
```
#091d6a
```
#091d6a rgb(9,29,106)
```
#0b227c
```
#0b227c rgb(11,34,124)
```
#0c278e
```
#0c278e rgb(12,39,142)
```
#0e2da0
```
#0e2da0 rgb(14,45,160)
```
#1032b2
```
#1032b2 rgb(16,50,178)
```
#1137c4
```
#1137c4 rgb(17,55,196)
```
#133cd6
```
#133cd6 rgb(19,60,214)
```
#1441e8
```
#1441e8 rgb(20,65,232)
```

Shade Color Variation

#244eec
```
#244eec rgb(36,78,236)
```
#365ced
```
#365ced rgb(54,92,237)
```
#486bef
```
#486bef rgb(72,107,239)
```
#5a7af1
```
#5a7af1 rgb(90,122,241)
```
#6c88f2
```
#6c88f2 rgb(108,136,242)
```
#7e97f4
```
#7e97f4 rgb(126,151,244)
```
#90a5f5
```
#90a5f5 rgb(144,165,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, #9597a2 is the less saturated color, while #3962fe is the most saturated one.

#9597a2
```
#9597a2 rgb(149,151,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)
```
#6e81c9
```
#6e81c9 rgb(110,129,201)
```
#677dd0
```
#677dd0 rgb(103,125,208)
```
#5f78d8
```
#5f78d8 rgb(95,120,216)
```
#5774e0
```
#5774e0 rgb(87,116,224)
```
#506fe7
```
#506fe7 rgb(80,111,231)
```
#486bef
```
#486bef rgb(72,107,239)
```
#4067f7
```
#4067f7 rgb(64,103,247)
```
#3962fe
```
#3962fe rgb(57,98,254)
```

Tone Color Variation

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

#0079ed Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

#1a74ee Protanomaly 1% of men, 0.01% of women
#1a78db Deuteranomaly 6% of men, 0.4% of women
#1a7eb3 Tritanomaly 0.01% of the population

#486bef hex color

#486bef Color Information

#486bef Color Conversion

Color Schemes with #486bef

Alternatives to #486bef

#486bef Preview

Shades and Tints of #486bef

Tones of #486bef

Color Blindness Simulator