#48685f hex color

In a RGB color space, hex #48685f is composed of 28.2% red, 40.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 0% magenta, 8.7% yellow and 59.2% black. It has a hue angle of 163.1 degrees, a saturation of 18.2% and a lightness of 34.5%. #48685f color hex could be obtained by blending #90d0be with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 41
- B 37
RGB color chart
- C 31
- M 0
- Y 9
- K 59
CMYK color chart

● #48685f color description : Very dark grayish cyan - lime green.

The hexadecimal color #48685f has RGB values of R:72, G:104, B:95 and CMYK values of C:0.31, M:0, Y:0.09, K:0.59. Its decimal value is 4745311.

Hex triplet	48685f	`#48685f`
RGB Decimal	72, 104, 95	`rgb(72,104,95)`
RGB Percent	28.2, 40.8, 37.3	`rgb(28.2%,40.8%,37.3%)`
CMYK	31, 0, 9, 59
HSL	163.1°, 18.2, 34.5	`hsl(163.1,18.2%,34.5%)`
HSV (or HSB)	163.1°, 30.8, 40.8
Web Safe	336666	`#336666`

CIE-LAB	41.381, -13.773, 1.338
XYZ	9.688, 12.104, 12.652
xyY	0.281, 0.351, 12.104
CIE-LCH	41.381, 13.837, 174.45
CIE-LUV	41.381, -15.478, 3.737
Hunter-Lab	34.791, -11.18, 2.793
Binary	01001000, 01101000, 01011111

#48685f
```
#48685f rgb(72,104,95)
```
#684851
```
#684851 rgb(104,72,81)
```

Complementary Color

#48684f
```
#48684f rgb(72,104,79)
```
#48685f
```
#48685f rgb(72,104,95)
```
#486168
```
#486168 rgb(72,97,104)
```

Analogous Color

#684f48
```
#684f48 rgb(104,79,72)
```
#48685f
```
#48685f rgb(72,104,95)
```
#684861
```
#684861 rgb(104,72,97)
```

Split Complementary Color

#685f48
```
#685f48 rgb(104,95,72)
```
#48685f
```
#48685f rgb(72,104,95)
```
#5f4868
```
#5f4868 rgb(95,72,104)
```

Triadic Color

#516848
```
#516848 rgb(81,104,72)
```
#48685f
```
#48685f rgb(72,104,95)
```
#5f4868
```
#5f4868 rgb(95,72,104)
```
#684851
```
#684851 rgb(104,72,81)
```

Tetradic Color

#293b36
```
#293b36 rgb(41,59,54)
```
#334a43
```
#334a43 rgb(51,74,67)
```
#3e5951
```
#3e5951 rgb(62,89,81)
```
#48685f
```
#48685f rgb(72,104,95)
```
#52776d
```
#52776d rgb(82,119,109)
```
#5d867b
```
#5d867b rgb(93,134,123)
```
#679588
```
#679588 rgb(103,149,136)
```

Monochromatic Color

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

#486857
```
#486857 rgb(72,104,87)
```
#48685a
```
#48685a rgb(72,104,90)
```
#48685c
```
#48685c rgb(72,104,92)
```
#48685f
```
#48685f rgb(72,104,95)
```
#486862
```
#486862 rgb(72,104,98)
```
#486864
```
#486864 rgb(72,104,100)
```
#486867
```
#486867 rgb(72,104,103)
```

Similar Colors

Text with hexadecimal color #48685f

This text has a font color of #48685f.

<span style="color:#48685f;">Text here</span>

#48685f background color

This paragraph has a background color of #48685f.

<p style="background-color:#48685f;">Content here</p>

#48685f border color

This element has a border color of #48685f.

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

CSS codes

.text {color:#48685f;}

.background {background-color:#48685f;}

.border {border:1px solid #48685f;}

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, #080b0a is the darkest color, while #ffffff is the lightest one.

#080b0a
```
#080b0a rgb(8,11,10)
```
#101715
```
#101715 rgb(16,23,21)
```
#18221f
```
#18221f rgb(24,34,31)
```
#202e2a
```
#202e2a rgb(32,46,42)
```
#283a35
```
#283a35 rgb(40,58,53)
```
#30453f
```
#30453f rgb(48,69,63)
```
#38514a
```
#38514a rgb(56,81,74)
```
#405c54
```
#405c54 rgb(64,92,84)
```
#48685f
```
#48685f rgb(72,104,95)
```
#50746a
```
#50746a rgb(80,116,106)
```
#587f74
```
#587f74 rgb(88,127,116)
```
#608b7f
```
#608b7f rgb(96,139,127)
```
#689689
```
#689689 rgb(104,150,137)
```

Shade Color Variation

#749e92
```
#749e92 rgb(116,158,146)
```
#7fa79b
```
#7fa79b rgb(127,167,155)
```
#8bafa4
```
#8bafa4 rgb(139,175,164)
```
#96b7ae
```
#96b7ae rgb(150,183,174)
```
#a2bfb7
```
#a2bfb7 rgb(162,191,183)
```
#aec7c0
```
#aec7c0 rgb(174,199,192)
```
#b9cfc9
```
#b9cfc9 rgb(185,207,201)
```
#c5d7d2
```
#c5d7d2 rgb(197,215,210)
```
#d0dfdb
```
#d0dfdb rgb(208,223,219)
```
#dce7e4
```
#dce7e4 rgb(220,231,228)
```
#e8efed
```
#e8efed rgb(232,239,237)
```
#f3f7f6
```
#f3f7f6 rgb(243,247,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#565a59
```
#565a59 rgb(86,90,89)
```
#4f615c
```
#4f615c rgb(79,97,92)
```
#48685f
```
#48685f rgb(72,104,95)
```
#416f62
```
#416f62 rgb(65,111,98)
```
#3a7665
```
#3a7665 rgb(58,118,101)
```
#347c68
```
#347c68 rgb(52,124,104)
```
#2d836b
```
#2d836b rgb(45,131,107)
```
#268a6e
```
#268a6e rgb(38,138,110)
```
#1f9171
```
#1f9171 rgb(31,145,113)
```
#199774
```
#199774 rgb(25,151,116)
```
#129e77
```
#129e77 rgb(18,158,119)
```
#0ba57a
```
#0ba57a rgb(11,165,122)
```
#04ac7d
```
#04ac7d rgb(4,172,125)
```

Tone Color Variation

Below, you can see how #48685f 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

#5d5d5d Achromatopsia 0.005% of the population
#595f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6964 Protanopia 1% of men
#73666a Deuteranopia 1% of men
#556d75 Tritanopia 0.001% of the population

Trichromacy

#5f6862 Protanomaly 1% of men, 0.01% of women
#636766 Deuteranomaly 6% of men, 0.4% of women
#506b6d Tritanomaly 0.01% of the population

#48685f hex color

#48685f Color Information

#48685f Color Conversion

Color Schemes with #48685f

Alternatives to #48685f

#48685f Preview

Shades and Tints of #48685f

Tones of #48685f

Color Blindness Simulator