colorhexa.com

#486cec hex color

In a RGB color space, hex #486cec is composed of 28.2% red, 42.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 54.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 226.8 degrees, a saturation of 81.2% and a lightness of 60.4%. #486cec color hex could be obtained by blending #90d8ff with #0000d9. Closest websafe color is: #3366ff.

- R 28
- G 42
- B 93
RGB color chart
- C 69
- M 54
- Y 0
- K 7
CMYK color chart

● #486cec color description : Soft blue.

The hexadecimal color #486cec has RGB values of R:72, G:108, B:236 and CMYK values of C:0.69, M:0.54, Y:0, K:0.07. Its decimal value is 4746476.

Hex triplet	486cec	`#486cec`
RGB Decimal	72, 108, 236	`rgb(72,108,236)`
RGB Percent	28.2, 42.4, 92.5	`rgb(28.2%,42.4%,92.5%)`
CMYK	69, 54, 0, 7
HSL	226.8°, 81.2, 60.4	`hsl(226.8,81.2%,60.4%)`
HSV (or HSB)	226.8°, 69.5, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.687, 29.222, -68.44
XYZ	23.172, 18.157, 81.636
xyY	0.188, 0.148, 18.157
CIE-LCH	49.687, 74.417, 293.121
CIE-LUV	49.687, -17.01, -107.197
Hunter-Lab	42.612, 22.498, -83.76
Binary	01001000, 01101100, 11101100

#486cec
```
#486cec rgb(72,108,236)
```
#ecc848
```
#ecc848 rgb(236,200,72)
```

Complementary Color

#48beec
```
#48beec rgb(72,190,236)
```
#486cec
```
#486cec rgb(72,108,236)
```
#7648ec
```
#7648ec rgb(118,72,236)
```

Analogous Color

#beec48
```
#beec48 rgb(190,236,72)
```
#486cec
```
#486cec rgb(72,108,236)
```
#ec7648
```
#ec7648 rgb(236,118,72)
```

Split Complementary Color

#6cec48
```
#6cec48 rgb(108,236,72)
```
#486cec
```
#486cec rgb(72,108,236)
```
#ec486c
```
#ec486c rgb(236,72,108)
```

Triadic Color

#48ecc8
```
#48ecc8 rgb(72,236,200)
```
#486cec
```
#486cec rgb(72,108,236)
```
#ec486c
```
#ec486c rgb(236,72,108)
```
#ecc848
```
#ecc848 rgb(236,200,72)
```

Tetradic Color

#163fd2
```
#163fd2 rgb(22,63,210)
```
#1a47e7
```
#1a47e7 rgb(26,71,231)
```
#3159ea
```
#3159ea rgb(49,89,234)
```
#486cec
```
#486cec rgb(72,108,236)
```
#5f7fee
```
#5f7fee rgb(95,127,238)
```
#7691f1
```
#7691f1 rgb(118,145,241)
```
#8da4f3
```
#8da4f3 rgb(141,164,243)
```

Monochromatic Color

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

#4895ec
```
#4895ec rgb(72,149,236)
```
#4887ec
```
#4887ec rgb(72,135,236)
```
#487aec
```
#487aec rgb(72,122,236)
```
#486cec
```
#486cec rgb(72,108,236)
```
#485eec
```
#485eec rgb(72,94,236)
```
#4851ec
```
#4851ec rgb(72,81,236)
```
#4d48ec
```
#4d48ec rgb(77,72,236)
```

Similar Colors

Text with hexadecimal color #486cec

This text has a font color of #486cec.

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

#486cec background color

This paragraph has a background color of #486cec.

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

#486cec border color

This element has a border color of #486cec.

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

CSS codes

.text {color:#486cec;}

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

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

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

#01040c
```
#01040c rgb(1,4,12)
```
#03091e
```
#03091e rgb(3,9,30)
```
#050e30
```
#050e30 rgb(5,14,48)
```
#071442
```
#071442 rgb(7,20,66)
```
#091954
```
#091954 rgb(9,25,84)
```
#0b1e65
```
#0b1e65 rgb(11,30,101)
```
#0c2477
```
#0c2477 rgb(12,36,119)
```
#0e2989
```
#0e2989 rgb(14,41,137)
```
#102e9b
```
#102e9b rgb(16,46,155)
```
#1234ac
```
#1234ac rgb(18,52,172)
```
#1439be
```
#1439be rgb(20,57,190)
```
#163ed0
```
#163ed0 rgb(22,62,208)
```
#1744e2
```
#1744e2 rgb(23,68,226)
```

Shade Color Variation

#244fe8
```
#244fe8 rgb(36,79,232)
```
#365eea
```
#365eea rgb(54,94,234)
```
#486cec
```
#486cec rgb(72,108,236)
```
#5a7aee
```
#5a7aee rgb(90,122,238)
```
#6c89f0
```
#6c89f0 rgb(108,137,240)
```
#7d97f2
```
#7d97f2 rgb(125,151,242)
```
#8fa5f3
```
#8fa5f3 rgb(143,165,243)
```
#a1b3f5
```
#a1b3f5 rgb(161,179,245)
```
#b3c2f7
```
#b3c2f7 rgb(179,194,247)
```
#c4d0f9
```
#c4d0f9 rgb(196,208,249)
```
#d6defb
```
#d6defb rgb(214,222,251)
```
#e8ecfd
```
#e8ecfd rgb(232,236,253)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96989e is the less saturated color, while #3863fc is the most saturated one.

#96989e
```
#96989e rgb(150,152,158)
```
#8e93a6
```
#8e93a6 rgb(142,147,166)
```
#868fae
```
#868fae rgb(134,143,174)
```
#7e8bb6
```
#7e8bb6 rgb(126,139,182)
```
#7786bd
```
#7786bd rgb(119,134,189)
```
#6f82c5
```
#6f82c5 rgb(111,130,197)
```
#677dcd
```
#677dcd rgb(103,125,205)
```
#5f79d5
```
#5f79d5 rgb(95,121,213)
```
#5875dc
```
#5875dc rgb(88,117,220)
```
#5070e4
```
#5070e4 rgb(80,112,228)
```
#486cec
```
#486cec rgb(72,108,236)
```
#4068f4
```
#4068f4 rgb(64,104,244)
```
#3863fc
```
#3863fc rgb(56,99,252)
```

Tone Color Variation

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

#0079ee Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

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