#486e83 hex color

In a RGB color space, hex #486e83 is composed of 28.2% red, 43.1% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 16% magenta, 0% yellow and 48.6% black. It has a hue angle of 201.4 degrees, a saturation of 29.1% and a lightness of 39.8%. #486e83 color hex could be obtained by blending #90dcff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 43
- B 51
RGB color chart
- C 45
- M 16
- Y 0
- K 49
CMYK color chart

● #486e83 color description : Dark moderate blue.

The hexadecimal color #486e83 has RGB values of R:72, G:110, B:131 and CMYK values of C:0.45, M:0.16, Y:0, K:0.49. Its decimal value is 4746883.

Hex triplet	486e83	`#486e83`
RGB Decimal	72, 110, 131	`rgb(72,110,131)`
RGB Percent	28.2, 43.1, 51.4	`rgb(28.2%,43.1%,51.4%)`
CMYK	45, 16, 0, 49
HSL	201.4°, 29.1, 39.8	`hsl(201.4,29.1%,39.8%)`
HSV (or HSB)	201.4°, 45, 51.4
Web Safe	336699	`#336699`

CIE-LAB	44.472, -7.449, -15.8
XYZ	12.344, 14.168, 23.556
xyY	0.247, 0.283, 14.168
CIE-LCH	44.472, 17.468, 244.759
CIE-LUV	44.472, -17.783, -21.317
Hunter-Lab	37.64, -7.33, -10.757
Binary	01001000, 01101110, 10000011

#486e83
```
#486e83 rgb(72,110,131)
```
#835d48
```
#835d48 rgb(131,93,72)
```

Complementary Color

#48837b
```
#48837b rgb(72,131,123)
```
#486e83
```
#486e83 rgb(72,110,131)
```
#485183
```
#485183 rgb(72,81,131)
```

Analogous Color

#837b48
```
#837b48 rgb(131,123,72)
```
#486e83
```
#486e83 rgb(72,110,131)
```
#834851
```
#834851 rgb(131,72,81)
```

Split Complementary Color

#6e8348
```
#6e8348 rgb(110,131,72)
```
#486e83
```
#486e83 rgb(72,110,131)
```
#83486e
```
#83486e rgb(131,72,110)
```

Triadic Color

#48835d
```
#48835d rgb(72,131,93)
```
#486e83
```
#486e83 rgb(72,110,131)
```
#83486e
```
#83486e rgb(131,72,110)
```
#835d48
```
#835d48 rgb(131,93,72)
```

Tetradic Color

#2d4552
```
#2d4552 rgb(45,69,82)
```
#365262
```
#365262 rgb(54,82,98)
```
#3f6073
```
#3f6073 rgb(63,96,115)
```
#486e83
```
#486e83 rgb(72,110,131)
```
#517c93
```
#517c93 rgb(81,124,147)
```
#5a8aa4
```
#5a8aa4 rgb(90,138,164)
```
#6a95ad
```
#6a95ad rgb(106,149,173)
```

Monochromatic Color

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

#487d83
```
#487d83 rgb(72,125,131)
```
#487883
```
#487883 rgb(72,120,131)
```
#487383
```
#487383 rgb(72,115,131)
```
#486e83
```
#486e83 rgb(72,110,131)
```
#486983
```
#486983 rgb(72,105,131)
```
#486483
```
#486483 rgb(72,100,131)
```
#485f83
```
#485f83 rgb(72,95,131)
```

Similar Colors

Text with hexadecimal color #486e83

This text has a font color of #486e83.

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

#486e83 background color

This paragraph has a background color of #486e83.

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

#486e83 border color

This element has a border color of #486e83.

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

CSS codes

.text {color:#486e83;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#090e11
```
#090e11 rgb(9,14,17)
```
#10191e
```
#10191e rgb(16,25,30)
```
#17242a
```
#17242a rgb(23,36,42)
```
#1e2e37
```
#1e2e37 rgb(30,46,55)
```
#253944
```
#253944 rgb(37,57,68)
```
#2c4350
```
#2c4350 rgb(44,67,80)
```
#334e5d
```
#334e5d rgb(51,78,93)
```
#3a596a
```
#3a596a rgb(58,89,106)
```
#416376
```
#416376 rgb(65,99,118)
```
#486e83
```
#486e83 rgb(72,110,131)
```
#4f7990
```
#4f7990 rgb(79,121,144)
```
#56839c
```
#56839c rgb(86,131,156)
```

Shade Color Variation

#5f8da7
```
#5f8da7 rgb(95,141,167)
```
#6c96ae
```
#6c96ae rgb(108,150,174)
```
#789fb5
```
#789fb5 rgb(120,159,181)
```
#85a8bc
```
#85a8bc rgb(133,168,188)
```
#91b1c3
```
#91b1c3 rgb(145,177,195)
```
#9ebaca
```
#9ebaca rgb(158,186,202)
```
#abc3d1
```
#abc3d1 rgb(171,195,209)
```
#b7ccd8
```
#b7ccd8 rgb(183,204,216)
```
#c4d5df
```
#c4d5df rgb(196,213,223)
```
#d1dee6
```
#d1dee6 rgb(209,222,230)
```
#dde7ed
```
#dde7ed rgb(221,231,237)
```
#eaf0f4
```
#eaf0f4 rgb(234,240,244)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f676c is the less saturated color, while #0282c9 is the most saturated one.

#5f676c
```
#5f676c rgb(95,103,108)
```
#586a73
```
#586a73 rgb(88,106,115)
```
#506c7b
```
#506c7b rgb(80,108,123)
```
#486e83
```
#486e83 rgb(72,110,131)
```
#40708b
```
#40708b rgb(64,112,139)
```
#387293
```
#387293 rgb(56,114,147)
```
#31759a
```
#31759a rgb(49,117,154)
```
#2977a2
```
#2977a2 rgb(41,119,162)
```
#2179aa
```
#2179aa rgb(33,121,170)
```
#197bb2
```
#197bb2 rgb(25,123,178)
```
#117eba
```
#117eba rgb(17,126,186)
```
#0a80c1
```
#0a80c1 rgb(10,128,193)
```
#0282c9
```
#0282c9 rgb(2,130,201)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5f676b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b7085 Protanopia 1% of men
#6c6f8b Deuteranopia 1% of men
#4e777f Tritanopia 0.001% of the population

Trichromacy

#5e6f84 Protanomaly 1% of men, 0.01% of women
#5f6e88 Deuteranomaly 6% of men, 0.4% of women
#4b7381 Tritanomaly 0.01% of the population

#486e83 hex color

#486e83 Color Information

#486e83 Color Conversion

Color Schemes with #486e83

Alternatives to #486e83

#486e83 Preview

Shades and Tints of #486e83

Tones of #486e83

Color Blindness Simulator