#485c67 hex color

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

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

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

The hexadecimal color #485c67 has RGB values of R:72, G:92, B:103 and CMYK values of C:0.3, M:0.11, Y:0, K:0.6. Its decimal value is 4742247.

Hex triplet	485c67	`#485c67`
RGB Decimal	72, 92, 103	`rgb(72,92,103)`
RGB Percent	28.2, 36.1, 40.4	`rgb(28.2%,36.1%,40.4%)`
CMYK	30, 11, 0, 60
HSL	201.3°, 17.7, 34.3	`hsl(201.3,17.7%,34.3%)`
HSV (or HSB)	201.3°, 30.1, 40.4
Web Safe	336666	`#336666`

CIE-LAB	37.862, -4.714, -8.777
XYZ	8.947, 10.011, 14.292
xyY	0.269, 0.301, 10.011
CIE-LCH	37.862, 9.962, 241.76
CIE-LUV	37.862, -10.167, -10.965
Hunter-Lab	31.64, -4.894, -4.634
Binary	01001000, 01011100, 01100111

#485c67
```
#485c67 rgb(72,92,103)
```
#675348
```
#675348 rgb(103,83,72)
```

Complementary Color

#486763
```
#486763 rgb(72,103,99)
```
#485c67
```
#485c67 rgb(72,92,103)
```
#484d67
```
#484d67 rgb(72,77,103)
```

Analogous Color

#676348
```
#676348 rgb(103,99,72)
```
#485c67
```
#485c67 rgb(72,92,103)
```
#67484d
```
#67484d rgb(103,72,77)
```

Split Complementary Color

#5c6748
```
#5c6748 rgb(92,103,72)
```
#485c67
```
#485c67 rgb(72,92,103)
```
#67485c
```
#67485c rgb(103,72,92)
```

Triadic Color

#486753
```
#486753 rgb(72,103,83)
```
#485c67
```
#485c67 rgb(72,92,103)
```
#67485c
```
#67485c rgb(103,72,92)
```
#675348
```
#675348 rgb(103,83,72)
```

Tetradic Color

#29343a
```
#29343a rgb(41,52,58)
```
#334149
```
#334149 rgb(51,65,73)
```
#3e4f58
```
#3e4f58 rgb(62,79,88)
```
#485c67
```
#485c67 rgb(72,92,103)
```
#526976
```
#526976 rgb(82,105,118)
```
#5d7785
```
#5d7785 rgb(93,119,133)
```
#678494
```
#678494 rgb(103,132,148)
```

Monochromatic Color

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

#486467
```
#486467 rgb(72,100,103)
```
#486167
```
#486167 rgb(72,97,103)
```
#485f67
```
#485f67 rgb(72,95,103)
```
#485c67
```
#485c67 rgb(72,92,103)
```
#485967
```
#485967 rgb(72,89,103)
```
#485767
```
#485767 rgb(72,87,103)
```
#485467
```
#485467 rgb(72,84,103)
```

Similar Colors

Text with hexadecimal color #485c67

This text has a font color of #485c67.

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

#485c67 background color

This paragraph has a background color of #485c67.

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

#485c67 border color

This element has a border color of #485c67.

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

CSS codes

.text {color:#485c67;}

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

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

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

#070a0b
```
#070a0b rgb(7,10,11)
```
#101416
```
#101416 rgb(16,20,22)
```
#181e22
```
#181e22 rgb(24,30,34)
```
#20282d
```
#20282d rgb(32,40,45)
```
#283339
```
#283339 rgb(40,51,57)
```
#303d44
```
#303d44 rgb(48,61,68)
```
#384750
```
#384750 rgb(56,71,80)
```
#40525b
```
#40525b rgb(64,82,91)
```
#485c67
```
#485c67 rgb(72,92,103)
```
#506673
```
#506673 rgb(80,102,115)
```
#58717e
```
#58717e rgb(88,113,126)
```
#607b8a
```
#607b8a rgb(96,123,138)
```
#688595
```
#688595 rgb(104,133,149)
```

Shade Color Variation

#748f9e
```
#748f9e rgb(116,143,158)
```
#7f98a6
```
#7f98a6 rgb(127,152,166)
```
#8ba1ae
```
#8ba1ae rgb(139,161,174)
```
#96abb6
```
#96abb6 rgb(150,171,182)
```
#a2b4be
```
#a2b4be rgb(162,180,190)
```
#adbdc6
```
#adbdc6 rgb(173,189,198)
```
#b9c6ce
```
#b9c6ce rgb(185,198,206)
```
#c4d0d6
```
#c4d0d6 rgb(196,208,214)
```
#d0d9de
```
#d0d9de rgb(208,217,222)
```
#dbe2e6
```
#dbe2e6 rgb(219,226,230)
```
#e7ecee
```
#e7ecee rgb(231,236,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 #0570aa is the most saturated one.

#55585a
```
#55585a rgb(85,88,90)
```
#4f5a60
```
#4f5a60 rgb(79,90,96)
```
#485c67
```
#485c67 rgb(72,92,103)
```
#415e6e
```
#415e6e rgb(65,94,110)
```
#3b6074
```
#3b6074 rgb(59,96,116)
```
#34627b
```
#34627b rgb(52,98,123)
```
#2d6482
```
#2d6482 rgb(45,100,130)
```
#266689
```
#266689 rgb(38,102,137)
```
#20688f
```
#20688f rgb(32,104,143)
```
#196a96
```
#196a96 rgb(25,106,150)
```
#126c9d
```
#126c9d rgb(18,108,157)
```
#0b6ea4
```
#0b6ea4 rgb(11,110,164)
```
#0570aa
```
#0570aa rgb(5,112,170)
```

Tone Color Variation

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

#5f616c Protanopia 1% of men
#635f70 Deuteranopia 1% of men
#50646c Tritanopia 0.001% of the population

Trichromacy

#575f6a Protanomaly 1% of men, 0.01% of women
#595e6d Deuteranomaly 6% of men, 0.4% of women
#4d616a Tritanomaly 0.01% of the population

#485c67 hex color

#485c67 Color Information

#485c67 Color Conversion

Color Schemes with #485c67

Alternatives to #485c67

#485c67 Preview

Shades and Tints of #485c67

Tones of #485c67

Color Blindness Simulator