#486cae hex color

In a RGB color space, hex #486cae is composed of 28.2% red, 42.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 37.9% magenta, 0% yellow and 31.8% black. It has a hue angle of 218.8 degrees, a saturation of 41.5% and a lightness of 48.2%. #486cae color hex could be obtained by blending #90d8ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 42
- B 68
RGB color chart
- C 59
- M 38
- Y 0
- K 32
CMYK color chart

● #486cae color description : Dark moderate blue.

The hexadecimal color #486cae has RGB values of R:72, G:108, B:174 and CMYK values of C:0.59, M:0.38, Y:0, K:0.32. Its decimal value is 4746414.

Hex triplet	486cae	`#486cae`
RGB Decimal	72, 108, 174	`rgb(72,108,174)`
RGB Percent	28.2, 42.4, 68.2	`rgb(28.2%,42.4%,68.2%)`
CMYK	59, 38, 0, 32
HSL	218.8°, 41.5, 48.2	`hsl(218.8,41.5%,48.2%)`
HSV (or HSB)	218.8°, 58.6, 68.2
Web Safe	336699	`#336699`

CIE-LAB	45.85, 7.592, -39.115
XYZ	15.673, 15.158, 42.142
xyY	0.215, 0.208, 15.158
CIE-LCH	45.85, 39.844, 280.984
CIE-LUV	45.85, -16.781, -59.068
Hunter-Lab	38.933, 3.726, -36.923
Binary	01001000, 01101100, 10101110

#486cae
```
#486cae rgb(72,108,174)
```
#ae8a48
```
#ae8a48 rgb(174,138,72)
```

Complementary Color

#489fae
```
#489fae rgb(72,159,174)
```
#486cae
```
#486cae rgb(72,108,174)
```
#5748ae
```
#5748ae rgb(87,72,174)
```

Analogous Color

#9fae48
```
#9fae48 rgb(159,174,72)
```
#486cae
```
#486cae rgb(72,108,174)
```
#ae5748
```
#ae5748 rgb(174,87,72)
```

Split Complementary Color

#6cae48
```
#6cae48 rgb(108,174,72)
```
#486cae
```
#486cae rgb(72,108,174)
```
#ae486c
```
#ae486c rgb(174,72,108)
```

Triadic Color

#48ae8a
```
#48ae8a rgb(72,174,138)
```
#486cae
```
#486cae rgb(72,108,174)
```
#ae486c
```
#ae486c rgb(174,72,108)
```
#ae8a48
```
#ae8a48 rgb(174,138,72)
```

Tetradic Color

#324a78
```
#324a78 rgb(50,74,120)
```
#39568a
```
#39568a rgb(57,86,138)
```
#41619c
```
#41619c rgb(65,97,156)
```
#486cae
```
#486cae rgb(72,108,174)
```
#5679b9
```
#5679b9 rgb(86,121,185)
```
#6888c1
```
#6888c1 rgb(104,136,193)
```
#7a96c8
```
#7a96c8 rgb(122,150,200)
```

Monochromatic Color

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

#4886ae
```
#4886ae rgb(72,134,174)
```
#487dae
```
#487dae rgb(72,125,174)
```
#4875ae
```
#4875ae rgb(72,117,174)
```
#486cae
```
#486cae rgb(72,108,174)
```
#4864ae
```
#4864ae rgb(72,100,174)
```
#485bae
```
#485bae rgb(72,91,174)
```
#4852ae
```
#4852ae rgb(72,82,174)
```

Similar Colors

Text with hexadecimal color #486cae

This text has a font color of #486cae.

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

#486cae background color

This paragraph has a background color of #486cae.

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

#486cae border color

This element has a border color of #486cae.

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

CSS codes

.text {color:#486cae;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090d15
```
#090d15 rgb(9,13,21)
```
#0f1623
```
#0f1623 rgb(15,22,35)
```
#141e31
```
#141e31 rgb(20,30,49)
```
#1a273f
```
#1a273f rgb(26,39,63)
```
#20304d
```
#20304d rgb(32,48,77)
```
#26385b
```
#26385b rgb(38,56,91)
```
#2b4169
```
#2b4169 rgb(43,65,105)
```
#314a77
```
#314a77 rgb(49,74,119)
```
#375284
```
#375284 rgb(55,82,132)
```
#3d5b92
```
#3d5b92 rgb(61,91,146)
```
#4263a0
```
#4263a0 rgb(66,99,160)
```
#486cae
```
#486cae rgb(72,108,174)
```

Shade Color Variation

#5276b7
```
#5276b7 rgb(82,118,183)
```
#6081bd
```
#6081bd rgb(96,129,189)
```
#6e8cc3
```
#6e8cc3 rgb(110,140,195)
```
#7c97c9
```
#7c97c9 rgb(124,151,201)
```
#8aa2ce
```
#8aa2ce rgb(138,162,206)
```
#98add4
```
#98add4 rgb(152,173,212)
```
#a5b8da
```
#a5b8da rgb(165,184,218)
```
#b3c3e0
```
#b3c3e0 rgb(179,195,224)
```
#c1cee5
```
#c1cee5 rgb(193,206,229)
```
#cfd9eb
```
#cfd9eb rgb(207,217,235)
```
#dde4f1
```
#dde4f1 rgb(221,228,241)
```
#ebeff7
```
#ebeff7 rgb(235,239,247)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777a7f is the less saturated color, while #0659f0 is the most saturated one.

#777a7f
```
#777a7f rgb(119,122,127)
```
#6e7788
```
#6e7788 rgb(110,119,136)
```
#647492
```
#647492 rgb(100,116,146)
```
#5b729b
```
#5b729b rgb(91,114,155)
```
#516fa5
```
#516fa5 rgb(81,111,165)
```
#486cae
```
#486cae rgb(72,108,174)
```
#3f69b7
```
#3f69b7 rgb(63,105,183)
```
#3566c1
```
#3566c1 rgb(53,102,193)
```
#2c64ca
```
#2c64ca rgb(44,100,202)
```
#2261d4
```
#2261d4 rgb(34,97,212)
```
#195edd
```
#195edd rgb(25,94,221)
```
#0f5be7
```
#0f5be7 rgb(15,91,231)
```
#0659f0
```
#0659f0 rgb(6,89,240)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#626a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a72b1 Protanopia 1% of men
#4d74b1 Deuteranopia 1% of men
#397d86 Tritanopia 0.001% of the population

Trichromacy

#536faf Protanomaly 1% of men, 0.01% of women
#4b71b0 Deuteranomaly 6% of men, 0.4% of women
#3e7794 Tritanomaly 0.01% of the population

#486cae hex color

#486cae Color Information

#486cae Color Conversion

Color Schemes with #486cae

Alternatives to #486cae

#486cae Preview

Shades and Tints of #486cae

Tones of #486cae

Color Blindness Simulator