#486e93 hex color

In a RGB color space, hex #486e93 is composed of 28.2% red, 43.1% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 25.2% magenta, 0% yellow and 42.4% black. It has a hue angle of 209.6 degrees, a saturation of 34.2% and a lightness of 42.9%. #486e93 color hex could be obtained by blending #90dcff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 43
- B 58
RGB color chart
- C 51
- M 25
- Y 0
- K 42
CMYK color chart

● #486e93 color description : Dark moderate blue.

The hexadecimal color #486e93 has RGB values of R:72, G:110, B:147 and CMYK values of C:0.51, M:0.25, Y:0, K:0.42. Its decimal value is 4746899.

Hex triplet	486e93	`#486e93`
RGB Decimal	72, 110, 147	`rgb(72,110,147)`
RGB Percent	28.2, 43.1, 57.6	`rgb(28.2%,43.1%,57.6%)`
CMYK	51, 25, 0, 42
HSL	209.6°, 34.2, 42.9	`hsl(209.6,34.2%,42.9%)`
HSV (or HSB)	209.6°, 51, 57.6
Web Safe	336699	`#336699`

CIE-LAB	45.131, -2.53, -24.331
XYZ	13.514, 14.635, 29.715
xyY	0.234, 0.253, 14.635
CIE-LCH	45.131, 24.462, 264.063
CIE-LUV	45.131, -17.641, -34.916
Hunter-Lab	38.256, -3.895, -19.273
Binary	01001000, 01101110, 10010011

#486e93
```
#486e93 rgb(72,110,147)
```
#936d48
```
#936d48 rgb(147,109,72)
```

Complementary Color

#489393
```
#489393 rgb(72,147,147)
```
#486e93
```
#486e93 rgb(72,110,147)
```
#484993
```
#484993 rgb(72,73,147)
```

Analogous Color

#939348
```
#939348 rgb(147,147,72)
```
#486e93
```
#486e93 rgb(72,110,147)
```
#934848
```
#934848 rgb(147,72,72)
```

Split Complementary Color

#6e9348
```
#6e9348 rgb(110,147,72)
```
#486e93
```
#486e93 rgb(72,110,147)
```
#93486e
```
#93486e rgb(147,72,110)
```

Triadic Color

#48936d
```
#48936d rgb(72,147,109)
```
#486e93
```
#486e93 rgb(72,110,147)
```
#93486e
```
#93486e rgb(147,72,110)
```
#936d48
```
#936d48 rgb(147,109,72)
```

Tetradic Color

#2f4860
```
#2f4860 rgb(47,72,96)
```
#375471
```
#375471 rgb(55,84,113)
```
#406182
```
#406182 rgb(64,97,130)
```
#486e93
```
#486e93 rgb(72,110,147)
```
#507ba4
```
#507ba4 rgb(80,123,164)
```
#5e88b0
```
#5e88b0 rgb(94,136,176)
```
#6f94b8
```
#6f94b8 rgb(111,148,184)
```

Monochromatic Color

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

#488193
```
#488193 rgb(72,129,147)
```
#487b93
```
#487b93 rgb(72,123,147)
```
#487493
```
#487493 rgb(72,116,147)
```
#486e93
```
#486e93 rgb(72,110,147)
```
#486893
```
#486893 rgb(72,104,147)
```
#486293
```
#486293 rgb(72,98,147)
```
#485b93
```
#485b93 rgb(72,91,147)
```

Similar Colors

Text with hexadecimal color #486e93

This text has a font color of #486e93.

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

#486e93 background color

This paragraph has a background color of #486e93.

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

#486e93 border color

This element has a border color of #486e93.

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

CSS codes

.text {color:#486e93;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080b0f
```
#080b0f rgb(8,11,15)
```
#0e151d
```
#0e151d rgb(14,21,29)
```
#141f2a
```
#141f2a rgb(20,31,42)
```
#1b2937
```
#1b2937 rgb(27,41,55)
```
#213344
```
#213344 rgb(33,51,68)
```
#283d51
```
#283d51 rgb(40,61,81)
```
#2e475e
```
#2e475e rgb(46,71,94)
```
#35506c
```
#35506c rgb(53,80,108)
```
#3b5a79
```
#3b5a79 rgb(59,90,121)
```
#426486
```
#426486 rgb(66,100,134)
```
#486e93
```
#486e93 rgb(72,110,147)
```
#4e78a0
```
#4e78a0 rgb(78,120,160)
```

Shade Color Variation

#5682ac
```
#5682ac rgb(86,130,172)
```
#638bb3
```
#638bb3 rgb(99,139,179)
```
#7095b9
```
#7095b9 rgb(112,149,185)
```
#7e9fc0
```
#7e9fc0 rgb(126,159,192)
```
#8ba9c6
```
#8ba9c6 rgb(139,169,198)
```
#98b3cc
```
#98b3cc rgb(152,179,204)
```
#a5bcd3
```
#a5bcd3 rgb(165,188,211)
```
#b2c6d9
```
#b2c6d9 rgb(178,198,217)
```
#bfd0e0
```
#bfd0e0 rgb(191,208,224)
```
#cddae6
```
#cddae6 rgb(205,218,230)
```
#dae3ed
```
#dae3ed rgb(218,227,237)
```
#e7edf3
```
#e7edf3 rgb(231,237,243)
```
#f4f7fa
```
#f4f7fa rgb(244,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6e71 is the less saturated color, while #056fd6 is the most saturated one.

#6a6e71
```
#6a6e71 rgb(106,110,113)
```
#616e7a
```
#616e7a rgb(97,110,122)
```
#596e82
```
#596e82 rgb(89,110,130)
```
#506e8b
```
#506e8b rgb(80,110,139)
```
#486e93
```
#486e93 rgb(72,110,147)
```
#406e9b
```
#406e9b rgb(64,110,155)
```
#376ea4
```
#376ea4 rgb(55,110,164)
```
#2f6eac
```
#2f6eac rgb(47,110,172)
```
#266eb5
```
#266eb5 rgb(38,110,181)
```
#1e6fbd
```
#1e6fbd rgb(30,111,189)
```
#156fc6
```
#156fc6 rgb(21,111,198)
```
#0d6fce
```
#0d6fce rgb(13,111,206)
```
#056fd6
```
#056fd6 rgb(5,111,214)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#616870 Atypical Achromatopsia 0.001% of the population

Dichromacy

#677195 Protanopia 1% of men
#64719a Deuteranopia 1% of men
#487982 Tritanopia 0.001% of the population

Trichromacy

#5c7094 Protanomaly 1% of men, 0.01% of women
#5a7097 Deuteranomaly 6% of men, 0.4% of women
#487588 Tritanomaly 0.01% of the population

#486e93 hex color

#486e93 Color Information

#486e93 Color Conversion

Color Schemes with #486e93

Alternatives to #486e93

#486e93 Preview

Shades and Tints of #486e93

Tones of #486e93

Color Blindness Simulator