#485866 hex color

In a RGB color space, hex #485866 is composed of 28.2% red, 34.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 13.7% magenta, 0% yellow and 60% black. It has a hue angle of 208 degrees, a saturation of 17.2% and a lightness of 34.1%. #485866 color hex could be obtained by blending #90b0cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 35
- B 40
RGB color chart
- C 29
- M 14
- Y 0
- K 60
CMYK color chart

● #485866 color description : Very dark grayish blue.

The hexadecimal color #485866 has RGB values of R:72, G:88, B:102 and CMYK values of C:0.29, M:0.14, Y:0, K:0.6. Its decimal value is 4741222.

Hex triplet	485866	`#485866`
RGB Decimal	72, 88, 102	`rgb(72,88,102)`
RGB Percent	28.2, 34.5, 40	`rgb(28.2%,34.5%,40%)`
CMYK	29, 14, 0, 60
HSL	208°, 17.2, 34.1	`hsl(208,17.2%,34.1%)`
HSV (or HSB)	208°, 29.4, 40
Web Safe	336666	`#336666`

CIE-LAB	36.586, -2.544, -10.079
XYZ	8.56, 9.316, 13.917
xyY	0.269, 0.293, 9.316
CIE-LCH	36.586, 10.395, 255.833
CIE-LUV	36.586, -8.41, -12.921
Hunter-Lab	30.523, -3.355, -5.668
Binary	01001000, 01011000, 01100110

#485866
```
#485866 rgb(72,88,102)
```
#665648
```
#665648 rgb(102,86,72)
```

Complementary Color

#486665
```
#486665 rgb(72,102,101)
```
#485866
```
#485866 rgb(72,88,102)
```
#484966
```
#484966 rgb(72,73,102)
```

Analogous Color

#666548
```
#666548 rgb(102,101,72)
```
#485866
```
#485866 rgb(72,88,102)
```
#664849
```
#664849 rgb(102,72,73)
```

Split Complementary Color

#586648
```
#586648 rgb(88,102,72)
```
#485866
```
#485866 rgb(72,88,102)
```
#664858
```
#664858 rgb(102,72,88)
```

Triadic Color

#486656
```
#486656 rgb(72,102,86)
```
#485866
```
#485866 rgb(72,88,102)
```
#664858
```
#664858 rgb(102,72,88)
```
#665648
```
#665648 rgb(102,86,72)
```

Tetradic Color

#283139
```
#283139 rgb(40,49,57)
```
#333e48
```
#333e48 rgb(51,62,72)
```
#3d4b57
```
#3d4b57 rgb(61,75,87)
```
#485866
```
#485866 rgb(72,88,102)
```
#536575
```
#536575 rgb(83,101,117)
```
#5d7284
```
#5d7284 rgb(93,114,132)
```
#687f93
```
#687f93 rgb(104,127,147)
```

Monochromatic Color

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

#486066
```
#486066 rgb(72,96,102)
```
#485d66
```
#485d66 rgb(72,93,102)
```
#485b66
```
#485b66 rgb(72,91,102)
```
#485866
```
#485866 rgb(72,88,102)
```
#485666
```
#485666 rgb(72,86,102)
```
#485366
```
#485366 rgb(72,83,102)
```
#485166
```
#485166 rgb(72,81,102)
```

Similar Colors

Text with hexadecimal color #485866

This text has a font color of #485866.

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

#485866 background color

This paragraph has a background color of #485866.

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

#485866 border color

This element has a border color of #485866.

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

CSS codes

.text {color:#485866;}

.background {background-color:#485866;}

.border {border:1px solid #485866;}

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, #07090a is the darkest color, while #fefefe is the lightest one.

#07090a
```
#07090a rgb(7,9,10)
```
#0f1316
```
#0f1316 rgb(15,19,22)
```
#171c21
```
#171c21 rgb(23,28,33)
```
#1f262d
```
#1f262d rgb(31,38,45)
```
#283038
```
#283038 rgb(40,48,56)
```
#303a44
```
#303a44 rgb(48,58,68)
```
#38444f
```
#38444f rgb(56,68,79)
```
#404e5b
```
#404e5b rgb(64,78,91)
```
#485866
```
#485866 rgb(72,88,102)
```
#506271
```
#506271 rgb(80,98,113)
```
#586c7d
```
#586c7d rgb(88,108,125)
```
#607688
```
#607688 rgb(96,118,136)
```
#688094
```
#688094 rgb(104,128,148)
```

Shade Color Variation

#74899d
```
#74899d rgb(116,137,157)
```
#7f93a5
```
#7f93a5 rgb(127,147,165)
```
#8b9dad
```
#8b9dad rgb(139,157,173)
```
#96a6b5
```
#96a6b5 rgb(150,166,181)
```
#a2b0bd
```
#a2b0bd rgb(162,176,189)
```
#adbac5
```
#adbac5 rgb(173,186,197)
```
#b9c4cd
```
#b9c4cd rgb(185,196,205)
```
#c4cdd5
```
#c4cdd5 rgb(196,205,213)
```
#d0d7dd
```
#d0d7dd rgb(208,215,221)
```
#dbe1e6
```
#dbe1e6 rgb(219,225,230)
```
#e7eaee
```
#e7eaee rgb(231,234,238)
```
#f2f4f6
```
#f2f4f6 rgb(242,244,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555759 is the less saturated color, while #055ca9 is the most saturated one.

#555759
```
#555759 rgb(85,87,89)
```
#4f585f
```
#4f585f rgb(79,88,95)
```
#485866
```
#485866 rgb(72,88,102)
```
#41586d
```
#41586d rgb(65,88,109)
```
#3b5973
```
#3b5973 rgb(59,89,115)
```
#34597a
```
#34597a rgb(52,89,122)
```
#2d5a81
```
#2d5a81 rgb(45,90,129)
```
#275a87
```
#275a87 rgb(39,90,135)
```
#205b8e
```
#205b8e rgb(32,91,142)
```
#195b95
```
#195b95 rgb(25,91,149)
```
#125c9c
```
#125c9c rgb(18,92,156)
```
#0c5ca2
```
#0c5ca2 rgb(12,92,162)
```
#055ca9
```
#055ca9 rgb(5,92,169)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#525658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5e6c Protanopia 1% of men
#5f5c6f Deuteranopia 1% of men
#506168 Tritanopia 0.001% of the population

Trichromacy

#545b6a Protanomaly 1% of men, 0.01% of women
#565b6b Deuteranomaly 6% of men, 0.4% of women
#4d5e67 Tritanomaly 0.01% of the population

#485866 hex color

#485866 Color Information

#485866 Color Conversion

Color Schemes with #485866

Alternatives to #485866

#485866 Preview

Shades and Tints of #485866

Tones of #485866

Color Blindness Simulator