#485a51 hex color

In a RGB color space, hex #485a51 is composed of 28.2% red, 35.3% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 10% yellow and 64.7% black. It has a hue angle of 150 degrees, a saturation of 11.1% and a lightness of 31.8%. #485a51 color hex could be obtained by blending #90b4a2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 35
- B 32
RGB color chart
- C 20
- M 0
- Y 10
- K 65
CMYK color chart

● #485a51 color description : Very dark grayish cyan - lime green.

The hexadecimal color #485a51 has RGB values of R:72, G:90, B:81 and CMYK values of C:0.2, M:0, Y:0.1, K:0.65. Its decimal value is 4741713.

Hex triplet	485a51	`#485a51`
RGB Decimal	72, 90, 81	`rgb(72,90,81)`
RGB Percent	28.2, 35.3, 31.8	`rgb(28.2%,35.3%,31.8%)`
CMYK	20, 0, 10, 65
HSL	150°, 11.1, 31.8	`hsl(150,11.1%,31.8%)`
HSV (or HSB)	150°, 20, 35.3
Web Safe	336666	`#336666`

CIE-LAB	36.525, -8.996, 2.912
XYZ	7.813, 9.284, 9.164
xyY	0.298, 0.354, 9.284
CIE-LCH	36.525, 9.456, 162.062
CIE-LUV	36.525, -8.928, 4.896
Hunter-Lab	30.47, -7.548, 3.496
Binary	01001000, 01011010, 01010001

#485a51
```
#485a51 rgb(72,90,81)
```
#5a4851
```
#5a4851 rgb(90,72,81)
```

Complementary Color

#485a48
```
#485a48 rgb(72,90,72)
```
#485a51
```
#485a51 rgb(72,90,81)
```
#485a5a
```
#485a5a rgb(72,90,90)
```

Analogous Color

#5a4848
```
#5a4848 rgb(90,72,72)
```
#485a51
```
#485a51 rgb(72,90,81)
```
#5a485a
```
#5a485a rgb(90,72,90)
```

Split Complementary Color

#5a5148
```
#5a5148 rgb(90,81,72)
```
#485a51
```
#485a51 rgb(72,90,81)
```
#51485a
```
#51485a rgb(81,72,90)
```

Triadic Color

#515a48
```
#515a48 rgb(81,90,72)
```
#485a51
```
#485a51 rgb(72,90,81)
```
#51485a
```
#51485a rgb(81,72,90)
```
#5a4851
```
#5a4851 rgb(90,72,81)
```

Tetradic Color

#26302b
```
#26302b rgb(38,48,43)
```
#313e38
```
#313e38 rgb(49,62,56)
```
#3d4c44
```
#3d4c44 rgb(61,76,68)
```
#485a51
```
#485a51 rgb(72,90,81)
```
#53685e
```
#53685e rgb(83,104,94)
```
#5f766b
```
#5f766b rgb(95,118,107)
```
#6a8577
```
#6a8577 rgb(106,133,119)
```

Monochromatic Color

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

#485a4d
```
#485a4d rgb(72,90,77)
```
#485a4e
```
#485a4e rgb(72,90,78)
```
#485a50
```
#485a50 rgb(72,90,80)
```
#485a51
```
#485a51 rgb(72,90,81)
```
#485a53
```
#485a53 rgb(72,90,83)
```
#485a54
```
#485a54 rgb(72,90,84)
```
#485a56
```
#485a56 rgb(72,90,86)
```

Similar Colors

Text with hexadecimal color #485a51

This text has a font color of #485a51.

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

#485a51 background color

This paragraph has a background color of #485a51.

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

#485a51 border color

This element has a border color of #485a51.

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

CSS codes

.text {color:#485a51;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0b0e0c
```
#0b0e0c rgb(11,14,12)
```
#141916
```
#141916 rgb(20,25,22)
```
#1c2420
```
#1c2420 rgb(28,36,32)
```
#252e2a
```
#252e2a rgb(37,46,42)
```
#2e3934
```
#2e3934 rgb(46,57,52)
```
#37443d
```
#37443d rgb(55,68,61)
```
#3f4f47
```
#3f4f47 rgb(63,79,71)
```
#485a51
```
#485a51 rgb(72,90,81)
```
#51655b
```
#51655b rgb(81,101,91)
```
#597065
```
#597065 rgb(89,112,101)
```
#627b6e
```
#627b6e rgb(98,123,110)
```
#6b8678
```
#6b8678 rgb(107,134,120)
```

Shade Color Variation

#749082
```
#749082 rgb(116,144,130)
```
#7f998c
```
#7f998c rgb(127,153,140)
```
#8aa196
```
#8aa196 rgb(138,161,150)
```
#95aa9f
```
#95aa9f rgb(149,170,159)
```
#a0b3a9
```
#a0b3a9 rgb(160,179,169)
```
#abbcb3
```
#abbcb3 rgb(171,188,179)
```
#b6c4bd
```
#b6c4bd rgb(182,196,189)
```
#c0cdc7
```
#c0cdc7 rgb(192,205,199)
```
#cbd6d1
```
#cbd6d1 rgb(203,214,209)
```
#d6deda
```
#d6deda rgb(214,222,218)
```
#e1e7e4
```
#e1e7e4 rgb(225,231,228)
```
#ecf0ee
```
#ecf0ee rgb(236,240,238)
```
#f7f9f8
```
#f7f9f8 rgb(247,249,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5451 is the less saturated color, while #039f51 is the most saturated one.

#4e5451
```
#4e5451 rgb(78,84,81)
```
#485a51
```
#485a51 rgb(72,90,81)
```
#426051
```
#426051 rgb(66,96,81)
```
#3c6651
```
#3c6651 rgb(60,102,81)
```
#356d51
```
#356d51 rgb(53,109,81)
```
#2f7351
```
#2f7351 rgb(47,115,81)
```
#297951
```
#297951 rgb(41,121,81)
```
#237f51
```
#237f51 rgb(35,127,81)
```
#1c8651
```
#1c8651 rgb(28,134,81)
```
#168c51
```
#168c51 rgb(22,140,81)
```
#109251
```
#109251 rgb(16,146,81)
```
#0a9851
```
#0a9851 rgb(10,152,81)
```
#039f51
```
#039f51 rgb(3,159,81)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#525553 Atypical Achromatopsia 0.001% of the population

Dichromacy

#615e57 Protanopia 1% of men
#685b5c Deuteranopia 1% of men
#546067 Tritanopia 0.001% of the population

Trichromacy

#585c55 Protanomaly 1% of men, 0.01% of women
#5c5b58 Deuteranomaly 6% of men, 0.4% of women
#4f5e5f Tritanomaly 0.01% of the population

#485a51 hex color

#485a51 Color Information

#485a51 Color Conversion

Color Schemes with #485a51

Alternatives to #485a51

#485a51 Preview

Shades and Tints of #485a51

Tones of #485a51

Color Blindness Simulator