#485b67 hex color

In a RGB color space, hex #485b67 is composed of 28.2% red, 35.7% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 11.7% magenta, 0% yellow and 59.6% black. It has a hue angle of 203.2 degrees, a saturation of 17.7% and a lightness of 34.3%. #485b67 color hex could be obtained by blending #90b6ce with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 36
- B 40
RGB color chart
- C 30
- M 12
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #485b67 has RGB values of R:72, G:91, B:103 and CMYK values of C:0.3, M:0.12, Y:0, K:0.6. Its decimal value is 4741991.

Hex triplet	485b67	`#485b67`
RGB Decimal	72, 91, 103	`rgb(72,91,103)`
RGB Percent	28.2, 35.7, 40.4	`rgb(28.2%,35.7%,40.4%)`
CMYK	30, 12, 0, 60
HSL	203.2°, 17.7, 34.3	`hsl(203.2,17.7%,34.3%)`
HSV (or HSB)	203.2°, 30.1, 40.4
Web Safe	336666	`#336666`

CIE-LAB	37.552, -4.107, -9.244
XYZ	8.861, 9.839, 14.263
xyY	0.269, 0.298, 9.839
CIE-LCH	37.552, 10.115, 246.043
CIE-LUV	37.552, -9.732, -11.66
Hunter-Lab	31.367, -4.466, -5.004
Binary	01001000, 01011011, 01100111

#485b67
```
#485b67 rgb(72,91,103)
```
#675448
```
#675448 rgb(103,84,72)
```

Complementary Color

#486764
```
#486764 rgb(72,103,100)
```
#485b67
```
#485b67 rgb(72,91,103)
```
#484c67
```
#484c67 rgb(72,76,103)
```

Analogous Color

#676448
```
#676448 rgb(103,100,72)
```
#485b67
```
#485b67 rgb(72,91,103)
```
#67484c
```
#67484c rgb(103,72,76)
```

Split Complementary Color

#5b6748
```
#5b6748 rgb(91,103,72)
```
#485b67
```
#485b67 rgb(72,91,103)
```
#67485b
```
#67485b rgb(103,72,91)
```

Triadic Color

#486754
```
#486754 rgb(72,103,84)
```
#485b67
```
#485b67 rgb(72,91,103)
```
#67485b
```
#67485b rgb(103,72,91)
```
#675448
```
#675448 rgb(103,84,72)
```

Tetradic Color

#29333a
```
#29333a rgb(41,51,58)
```
#334049
```
#334049 rgb(51,64,73)
```
#3e4e58
```
#3e4e58 rgb(62,78,88)
```
#485b67
```
#485b67 rgb(72,91,103)
```
#526876
```
#526876 rgb(82,104,118)
```
#5d7685
```
#5d7685 rgb(93,118,133)
```
#678394
```
#678394 rgb(103,131,148)
```

Monochromatic Color

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

#486367
```
#486367 rgb(72,99,103)
```
#486067
```
#486067 rgb(72,96,103)
```
#485e67
```
#485e67 rgb(72,94,103)
```
#485b67
```
#485b67 rgb(72,91,103)
```
#485867
```
#485867 rgb(72,88,103)
```
#485667
```
#485667 rgb(72,86,103)
```
#485367
```
#485367 rgb(72,83,103)
```

Similar Colors

Text with hexadecimal color #485b67

This text has a font color of #485b67.

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

#485b67 background color

This paragraph has a background color of #485b67.

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

#485b67 border color

This element has a border color of #485b67.

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

CSS codes

.text {color:#485b67;}

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

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

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

#07090b
```
#07090b rgb(7,9,11)
```
#101416
```
#101416 rgb(16,20,22)
```
#181e22
```
#181e22 rgb(24,30,34)
```
#20282d
```
#20282d rgb(32,40,45)
```
#283239
```
#283239 rgb(40,50,57)
```
#303c44
```
#303c44 rgb(48,60,68)
```
#384750
```
#384750 rgb(56,71,80)
```
#40515b
```
#40515b rgb(64,81,91)
```
#485b67
```
#485b67 rgb(72,91,103)
```
#506573
```
#506573 rgb(80,101,115)
```
#586f7e
```
#586f7e rgb(88,111,126)
```
#607a8a
```
#607a8a rgb(96,122,138)
```
#688495
```
#688495 rgb(104,132,149)
```

Shade Color Variation

#748d9e
```
#748d9e rgb(116,141,158)
```
#7f97a6
```
#7f97a6 rgb(127,151,166)
```
#8ba0ae
```
#8ba0ae rgb(139,160,174)
```
#96aab6
```
#96aab6 rgb(150,170,182)
```
#a2b3be
```
#a2b3be rgb(162,179,190)
```
#adbcc6
```
#adbcc6 rgb(173,188,198)
```
#b9c6ce
```
#b9c6ce rgb(185,198,206)
```
#c4cfd6
```
#c4cfd6 rgb(196,207,214)
```
#d0d9de
```
#d0d9de rgb(208,217,222)
```
#dbe2e6
```
#dbe2e6 rgb(219,226,230)
```
#e7ebee
```
#e7ebee rgb(231,235,238)
```
#f3f5f6
```
#f3f5f6 rgb(243,245,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#55585a
```
#55585a rgb(85,88,90)
```
#4f5960
```
#4f5960 rgb(79,89,96)
```
#485b67
```
#485b67 rgb(72,91,103)
```
#415d6e
```
#415d6e rgb(65,93,110)
```
#3b5e74
```
#3b5e74 rgb(59,94,116)
```
#34607b
```
#34607b rgb(52,96,123)
```
#2d6182
```
#2d6182 rgb(45,97,130)
```
#266389
```
#266389 rgb(38,99,137)
```
#20648f
```
#20648f rgb(32,100,143)
```
#196696
```
#196696 rgb(25,102,150)
```
#12679d
```
#12679d rgb(18,103,157)
```
#0b69a4
```
#0b69a4 rgb(11,105,164)
```
#056aaa
```
#056aaa rgb(5,106,170)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#54585a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e606d Protanopia 1% of men
#625e70 Deuteranopia 1% of men
#50646b Tritanopia 0.001% of the population

Trichromacy

#565e6a Protanomaly 1% of men, 0.01% of women
#585d6d Deuteranomaly 6% of men, 0.4% of women
#4d6069 Tritanomaly 0.01% of the population

#485b67 hex color

#485b67 Color Information

#485b67 Color Conversion

Color Schemes with #485b67

Alternatives to #485b67

#485b67 Preview

Shades and Tints of #485b67

Tones of #485b67

Color Blindness Simulator