#485a69 hex color

In a RGB color space, hex #485a69 is composed of 28.2% red, 35.3% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 14.3% magenta, 0% yellow and 58.8% black. It has a hue angle of 207.3 degrees, a saturation of 18.6% and a lightness of 34.7%. #485a69 color hex could be obtained by blending #90b4d2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 35
- B 41
RGB color chart
- C 31
- M 14
- Y 0
- K 59
CMYK color chart

● #485a69 color description : Very dark grayish blue.

The hexadecimal color #485a69 has RGB values of R:72, G:90, B:105 and CMYK values of C:0.31, M:0.14, Y:0, K:0.59. Its decimal value is 4741737.

Hex triplet	485a69	`#485a69`
RGB Decimal	72, 90, 105	`rgb(72,90,105)`
RGB Percent	28.2, 35.3, 41.2	`rgb(28.2%,35.3%,41.2%)`
CMYK	31, 14, 0, 59
HSL	207.3°, 18.6, 34.7	`hsl(207.3,18.6%,34.7%)`
HSV (or HSB)	207.3°, 31.4, 41.2
Web Safe	336666	`#336666`

CIE-LAB	37.316, -2.95, -10.839
XYZ	8.878, 9.71, 14.77
xyY	0.266, 0.291, 9.71
CIE-LCH	37.316, 11.233, 254.773
CIE-LUV	37.316, -9.334, -13.989
Hunter-Lab	31.16, -3.674, -6.292
Binary	01001000, 01011010, 01101001

#485a69
```
#485a69 rgb(72,90,105)
```
#695748
```
#695748 rgb(105,87,72)
```

Complementary Color

#486968
```
#486968 rgb(72,105,104)
```
#485a69
```
#485a69 rgb(72,90,105)
```
#484a69
```
#484a69 rgb(72,74,105)
```

Analogous Color

#696848
```
#696848 rgb(105,104,72)
```
#485a69
```
#485a69 rgb(72,90,105)
```
#69484a
```
#69484a rgb(105,72,74)
```

Split Complementary Color

#5a6948
```
#5a6948 rgb(90,105,72)
```
#485a69
```
#485a69 rgb(72,90,105)
```
#69485a
```
#69485a rgb(105,72,90)
```

Triadic Color

#486957
```
#486957 rgb(72,105,87)
```
#485a69
```
#485a69 rgb(72,90,105)
```
#69485a
```
#69485a rgb(105,72,90)
```
#695748
```
#695748 rgb(105,87,72)
```

Tetradic Color

#29333c
```
#29333c rgb(41,51,60)
```
#33404b
```
#33404b rgb(51,64,75)
```
#3e4d5a
```
#3e4d5a rgb(62,77,90)
```
#485a69
```
#485a69 rgb(72,90,105)
```
#526778
```
#526778 rgb(82,103,120)
```
#5d7487
```
#5d7487 rgb(93,116,135)
```
#678196
```
#678196 rgb(103,129,150)
```

Monochromatic Color

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

#486269
```
#486269 rgb(72,98,105)
```
#486069
```
#486069 rgb(72,96,105)
```
#485d69
```
#485d69 rgb(72,93,105)
```
#485a69
```
#485a69 rgb(72,90,105)
```
#485769
```
#485769 rgb(72,87,105)
```
#485569
```
#485569 rgb(72,85,105)
```
#485269
```
#485269 rgb(72,82,105)
```

Similar Colors

Text with hexadecimal color #485a69

This text has a font color of #485a69.

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

#485a69 background color

This paragraph has a background color of #485a69.

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

#485a69 border color

This element has a border color of #485a69.

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

CSS codes

.text {color:#485a69;}

.background {background-color:#485a69;}

.border {border:1px solid #485a69;}

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

#000000
```
#000000 rgb(0,0,0)
```
#080a0c
```
#080a0c rgb(8,10,12)
```
#101418
```
#101418 rgb(16,20,24)
```
#181e23
```
#181e23 rgb(24,30,35)
```
#20282f
```
#20282f rgb(32,40,47)
```
#28323a
```
#28323a rgb(40,50,58)
```
#303c46
```
#303c46 rgb(48,60,70)
```
#384652
```
#384652 rgb(56,70,82)
```
#40505d
```
#40505d rgb(64,80,93)
```
#485a69
```
#485a69 rgb(72,90,105)
```
#506475
```
#506475 rgb(80,100,117)
```
#586e80
```
#586e80 rgb(88,110,128)
```
#60788c
```
#60788c rgb(96,120,140)
```

Shade Color Variation

#688297
```
#688297 rgb(104,130,151)
```
#748c9f
```
#748c9f rgb(116,140,159)
```
#7f95a7
```
#7f95a7 rgb(127,149,167)
```
#8b9faf
```
#8b9faf rgb(139,159,175)
```
#97a8b7
```
#97a8b7 rgb(151,168,183)
```
#a2b2bf
```
#a2b2bf rgb(162,178,191)
```
#aebcc7
```
#aebcc7 rgb(174,188,199)
```
#b9c5cf
```
#b9c5cf rgb(185,197,207)
```
#c5cfd7
```
#c5cfd7 rgb(197,207,215)
```
#d1d9df
```
#d1d9df rgb(209,217,223)
```
#dce2e7
```
#dce2e7 rgb(220,226,231)
```
#e8ecef
```
#e8ecef rgb(232,236,239)
```
#f4f6f7
```
#f4f6f7 rgb(244,246,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56595b is the less saturated color, while #0460ad is the most saturated one.

#56595b
```
#56595b rgb(86,89,91)
```
#4f5962
```
#4f5962 rgb(79,89,98)
```
#485a69
```
#485a69 rgb(72,90,105)
```
#415b70
```
#415b70 rgb(65,91,112)
```
#3a5b77
```
#3a5b77 rgb(58,91,119)
```
#345c7d
```
#345c7d rgb(52,92,125)
```
#2d5c84
```
#2d5c84 rgb(45,92,132)
```
#265d8b
```
#265d8b rgb(38,93,139)
```
#1f5e92
```
#1f5e92 rgb(31,94,146)
```
#185e99
```
#185e99 rgb(24,94,153)
```
#125f9f
```
#125f9f rgb(18,95,159)
```
#0b60a6
```
#0b60a6 rgb(11,96,166)
```
#0460ad
```
#0460ad rgb(4,96,173)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#53575a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5f6f Protanopia 1% of men
#605e72 Deuteranopia 1% of men
#4f636a Tritanopia 0.001% of the population

Trichromacy

#555d6c Protanomaly 1% of men, 0.01% of women
#575c6e Deuteranomaly 6% of men, 0.4% of women
#4d606a Tritanomaly 0.01% of the population

#485a69 hex color

#485a69 Color Information

#485a69 Color Conversion

Color Schemes with #485a69

Alternatives to #485a69

#485a69 Preview

Shades and Tints of #485a69

Tones of #485a69

Color Blindness Simulator