colorhexa.com

#485e67 hex color

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

- R 28
- G 37
- B 40
RGB color chart
- C 30
- M 9
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #485e67 has RGB values of R:72, G:94, B:103 and CMYK values of C:0.3, M:0.09, Y:0, K:0.6. Its decimal value is 4742759.

Hex triplet	485e67	`#485e67`
RGB Decimal	72, 94, 103	`rgb(72,94,103)`
RGB Percent	28.2, 36.9, 40.4	`rgb(28.2%,36.9%,40.4%)`
CMYK	30, 9, 0, 60
HSL	197.4°, 17.7, 34.3	`hsl(197.4,17.7%,34.3%)`
HSV (or HSB)	197.4°, 30.1, 40.4
Web Safe	336666	`#336666`

CIE-LAB	38.485, -5.919, -7.842
XYZ	9.123, 10.362, 14.351
xyY	0.27, 0.306, 10.362
CIE-LCH	38.485, 9.825, 232.956
CIE-LUV	38.485, -11.041, -9.569
Hunter-Lab	32.19, -5.745, -3.899
Binary	01001000, 01011110, 01100111

#485e67
```
#485e67 rgb(72,94,103)
```
#675148
```
#675148 rgb(103,81,72)
```

Complementary Color

#486761
```
#486761 rgb(72,103,97)
```
#485e67
```
#485e67 rgb(72,94,103)
```
#484f67
```
#484f67 rgb(72,79,103)
```

Analogous Color

#676148
```
#676148 rgb(103,97,72)
```
#485e67
```
#485e67 rgb(72,94,103)
```
#67484f
```
#67484f rgb(103,72,79)
```

Split Complementary Color

#5e6748
```
#5e6748 rgb(94,103,72)
```
#485e67
```
#485e67 rgb(72,94,103)
```
#67485e
```
#67485e rgb(103,72,94)
```

Triadic Color

#29353a
```
#29353a rgb(41,53,58)
```
#334349
```
#334349 rgb(51,67,73)
```
#3e5058
```
#3e5058 rgb(62,80,88)
```
#485e67
```
#485e67 rgb(72,94,103)
```
#526c76
```
#526c76 rgb(82,108,118)
```
#5d7985
```
#5d7985 rgb(93,121,133)
```
#678794
```
#678794 rgb(103,135,148)
```

Monochromatic Color

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

#486667
```
#486667 rgb(72,102,103)
```
#486367
```
#486367 rgb(72,99,103)
```
#486167
```
#486167 rgb(72,97,103)
```
#485e67
```
#485e67 rgb(72,94,103)
```
#485b67
```
#485b67 rgb(72,91,103)
```
#485967
```
#485967 rgb(72,89,103)
```
#485667
```
#485667 rgb(72,86,103)
```

Similar Colors

Text with hexadecimal color #485e67

This text has a font color of #485e67.

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

#485e67 background color

This paragraph has a background color of #485e67.

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

#485e67 border color

This element has a border color of #485e67.

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

CSS codes

.text {color:#485e67;}

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

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

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)
```
#181f22
```
#181f22 rgb(24,31,34)
```
#20292d
```
#20292d rgb(32,41,45)
```
#283439
```
#283439 rgb(40,52,57)
```
#303e44
```
#303e44 rgb(48,62,68)
```
#384950
```
#384950 rgb(56,73,80)
```
#40535b
```
#40535b rgb(64,83,91)
```
#485e67
```
#485e67 rgb(72,94,103)
```
#506973
```
#506973 rgb(80,105,115)
```
#58737e
```
#58737e rgb(88,115,126)
```
#607e8a
```
#607e8a rgb(96,126,138)
```
#688895
```
#688895 rgb(104,136,149)
```

Shade Color Variation

#74919e
```
#74919e rgb(116,145,158)
```
#7f9aa6
```
#7f9aa6 rgb(127,154,166)
```
#8ba3ae
```
#8ba3ae rgb(139,163,174)
```
#96adb6
```
#96adb6 rgb(150,173,182)
```
#a2b6be
```
#a2b6be rgb(162,182,190)
```
#adbfc6
```
#adbfc6 rgb(173,191,198)
```
#b9c8ce
```
#b9c8ce rgb(185,200,206)
```
#c4d1d6
```
#c4d1d6 rgb(196,209,214)
```
#d0dade
```
#d0dade rgb(208,218,222)
```
#dbe3e6
```
#dbe3e6 rgb(219,227,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 #057aaa is the most saturated one.

#55585a
```
#55585a rgb(85,88,90)
```
#4f5b60
```
#4f5b60 rgb(79,91,96)
```
#485e67
```
#485e67 rgb(72,94,103)
```
#41616e
```
#41616e rgb(65,97,110)
```
#3b6474
```
#3b6474 rgb(59,100,116)
```
#34667b
```
#34667b rgb(52,102,123)
```
#2d6982
```
#2d6982 rgb(45,105,130)
```
#266c89
```
#266c89 rgb(38,108,137)
```
#206f8f
```
#206f8f rgb(32,111,143)
```
#197296
```
#197296 rgb(25,114,150)
```
#12759d
```
#12759d rgb(18,117,157)
```
#0b77a4
```
#0b77a4 rgb(11,119,164)
```
#057aaa
```
#057aaa rgb(5,122,170)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#55595b Atypical Achromatopsia 0.001% of the population

Dichromacy

#61626c Protanopia 1% of men
#656070 Deuteranopia 1% of men
#51666d Tritanopia 0.001% of the population

Trichromacy

#58606a Protanomaly 1% of men, 0.01% of women
#5a5f6d Deuteranomaly 6% of men, 0.4% of women
#4d636b Tritanomaly 0.01% of the population