#485e6a hex color

In a RGB color space, hex #485e6a is composed of 28.2% red, 36.9% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 32.1% cyan, 11.3% magenta, 0% yellow and 58.4% black. It has a hue angle of 201.2 degrees, a saturation of 19.1% and a lightness of 34.9%. #485e6a color hex could be obtained by blending #90bcd4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 37
- B 42
RGB color chart
- C 32
- M 11
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #485e6a has RGB values of R:72, G:94, B:106 and CMYK values of C:0.32, M:0.11, Y:0, K:0.58. Its decimal value is 4742762.

Hex triplet	485e6a	`#485e6a`
RGB Decimal	72, 94, 106	`rgb(72,94,106)`
RGB Percent	28.2, 36.9, 41.6	`rgb(28.2%,36.9%,41.6%)`
CMYK	32, 11, 0, 58
HSL	201.2°, 19.1, 34.9	`hsl(201.2,19.1%,34.9%)`
HSV (or HSB)	201.2°, 32.1, 41.6
Web Safe	336666	`#336666`

CIE-LAB	38.592, -5.106, -9.531
XYZ	9.276, 10.423, 15.158
xyY	0.266, 0.299, 10.423
CIE-LCH	38.592, 10.813, 241.821
CIE-LUV	38.592, -11.074, -12.015
Hunter-Lab	32.285, -5.213, -5.237
Binary	01001000, 01011110, 01101010

#485e6a
```
#485e6a rgb(72,94,106)
```
#6a5448
```
#6a5448 rgb(106,84,72)
```

Complementary Color

#486a65
```
#486a65 rgb(72,106,101)
```
#485e6a
```
#485e6a rgb(72,94,106)
```
#484d6a
```
#484d6a rgb(72,77,106)
```

Analogous Color

#6a6548
```
#6a6548 rgb(106,101,72)
```
#485e6a
```
#485e6a rgb(72,94,106)
```
#6a484d
```
#6a484d rgb(106,72,77)
```

Split Complementary Color

#5e6a48
```
#5e6a48 rgb(94,106,72)
```
#485e6a
```
#485e6a rgb(72,94,106)
```
#6a485e
```
#6a485e rgb(106,72,94)
```

Triadic Color

#486a54
```
#486a54 rgb(72,106,84)
```
#485e6a
```
#485e6a rgb(72,94,106)
```
#6a485e
```
#6a485e rgb(106,72,94)
```
#6a5448
```
#6a5448 rgb(106,84,72)
```

Tetradic Color

#29363c
```
#29363c rgb(41,54,60)
```
#33434c
```
#33434c rgb(51,67,76)
```
#3e515b
```
#3e515b rgb(62,81,91)
```
#485e6a
```
#485e6a rgb(72,94,106)
```
#526b79
```
#526b79 rgb(82,107,121)
```
#5d7988
```
#5d7988 rgb(93,121,136)
```
#678698
```
#678698 rgb(103,134,152)
```

Monochromatic Color

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

#48676a
```
#48676a rgb(72,103,106)
```
#48646a
```
#48646a rgb(72,100,106)
```
#48616a
```
#48616a rgb(72,97,106)
```
#485e6a
```
#485e6a rgb(72,94,106)
```
#485b6a
```
#485b6a rgb(72,91,106)
```
#48586a
```
#48586a rgb(72,88,106)
```
#48566a
```
#48566a rgb(72,86,106)
```

Similar Colors

Text with hexadecimal color #485e6a

This text has a font color of #485e6a.

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

#485e6a background color

This paragraph has a background color of #485e6a.

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

#485e6a border color

This element has a border color of #485e6a.

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

CSS codes

.text {color:#485e6a;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090b0d
```
#090b0d rgb(9,11,13)
```
#101518
```
#101518 rgb(16,21,24)
```
#182024
```
#182024 rgb(24,32,36)
```
#202a30
```
#202a30 rgb(32,42,48)
```
#28353b
```
#28353b rgb(40,53,59)
```
#303f47
```
#303f47 rgb(48,63,71)
```
#384953
```
#384953 rgb(56,73,83)
```
#40545e
```
#40545e rgb(64,84,94)
```
#485e6a
```
#485e6a rgb(72,94,106)
```
#506876
```
#506876 rgb(80,104,118)
```
#587381
```
#587381 rgb(88,115,129)
```
#607d8d
```
#607d8d rgb(96,125,141)
```

Shade Color Variation

#688798
```
#688798 rgb(104,135,152)
```
#7491a0
```
#7491a0 rgb(116,145,160)
```
#7f9aa8
```
#7f9aa8 rgb(127,154,168)
```
#8ba3b0
```
#8ba3b0 rgb(139,163,176)
```
#97acb8
```
#97acb8 rgb(151,172,184)
```
#a2b6c0
```
#a2b6c0 rgb(162,182,192)
```
#aebfc8
```
#aebfc8 rgb(174,191,200)
```
#bac8d0
```
#bac8d0 rgb(186,200,208)
```
#c5d1d8
```
#c5d1d8 rgb(197,209,216)
```
#d1dbe0
```
#d1dbe0 rgb(209,219,224)
```
#dde4e8
```
#dde4e8 rgb(221,228,232)
```
#e9edf0
```
#e9edf0 rgb(233,237,240)
```
#f4f6f8
```
#f4f6f8 rgb(244,246,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565a5c is the less saturated color, while #0472ae is the most saturated one.

#565a5c
```
#565a5c rgb(86,90,92)
```
#4f5c63
```
#4f5c63 rgb(79,92,99)
```
#485e6a
```
#485e6a rgb(72,94,106)
```
#416071
```
#416071 rgb(65,96,113)
```
#3a6278
```
#3a6278 rgb(58,98,120)
```
#33647f
```
#33647f rgb(51,100,127)
```
#2d6685
```
#2d6685 rgb(45,102,133)
```
#26688c
```
#26688c rgb(38,104,140)
```
#1f6a93
```
#1f6a93 rgb(31,106,147)
```
#186c9a
```
#186c9a rgb(24,108,154)
```
#116ea1
```
#116ea1 rgb(17,110,161)
```
#0a70a8
```
#0a70a8 rgb(10,112,168)
```
#0472ae
```
#0472ae rgb(4,114,174)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#565a5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#61626f Protanopia 1% of men
#646173 Deuteranopia 1% of men
#50666e Tritanopia 0.001% of the population

Trichromacy

#58606d Protanomaly 1% of men, 0.01% of women
#5a6070 Deuteranomaly 6% of men, 0.4% of women
#4d636c Tritanomaly 0.01% of the population

#485e6a hex color

#485e6a Color Information

#485e6a Color Conversion

Color Schemes with #485e6a

Alternatives to #485e6a

#485e6a Preview

Shades and Tints of #485e6a

Tones of #485e6a

Color Blindness Simulator