#48677d hex color

In a RGB color space, hex #48677d is composed of 28.2% red, 40.4% green and 49% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 17.6% magenta, 0% yellow and 51% black. It has a hue angle of 204.9 degrees, a saturation of 26.9% and a lightness of 38.6%. #48677d color hex could be obtained by blending #90cefa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 40
- B 49
RGB color chart
- C 42
- M 18
- Y 0
- K 51
CMYK color chart

● #48677d color description : Mostly desaturated dark blue.

The hexadecimal color #48677d has RGB values of R:72, G:103, B:125 and CMYK values of C:0.42, M:0.18, Y:0, K:0.51. Its decimal value is 4745085.

Hex triplet	48677d	`#48677d`
RGB Decimal	72, 103, 125	`rgb(72,103,125)`
RGB Percent	28.2, 40.4, 49	`rgb(28.2%,40.4%,49%)`
CMYK	42, 18, 0, 51
HSL	204.9°, 26.9, 38.6	`hsl(204.9,26.9%,38.6%)`
HSV (or HSB)	204.9°, 42.4, 49
Web Safe	336666	`#336666`

CIE-LAB	42.09, -5.087, -15.825
XYZ	11.224, 12.558, 21.234
xyY	0.249, 0.279, 12.558
CIE-LCH	42.09, 16.622, 252.18
CIE-LUV	42.09, -14.956, -21.379
Hunter-Lab	35.438, -5.483, -10.719
Binary	01001000, 01100111, 01111101

#48677d
```
#48677d rgb(72,103,125)
```
#7d5e48
```
#7d5e48 rgb(125,94,72)
```

Complementary Color

#487d79
```
#487d79 rgb(72,125,121)
```
#48677d
```
#48677d rgb(72,103,125)
```
#484d7d
```
#484d7d rgb(72,77,125)
```

Analogous Color

#7d7948
```
#7d7948 rgb(125,121,72)
```
#48677d
```
#48677d rgb(72,103,125)
```
#7d484d
```
#7d484d rgb(125,72,77)
```

Split Complementary Color

#677d48
```
#677d48 rgb(103,125,72)
```
#48677d
```
#48677d rgb(72,103,125)
```
#7d4867
```
#7d4867 rgb(125,72,103)
```

Triadic Color

#487d5e
```
#487d5e rgb(72,125,94)
```
#48677d
```
#48677d rgb(72,103,125)
```
#7d4867
```
#7d4867 rgb(125,72,103)
```
#7d5e48
```
#7d5e48 rgb(125,94,72)
```

Tetradic Color

#2c3f4c
```
#2c3f4c rgb(44,63,76)
```
#354c5d
```
#354c5d rgb(53,76,93)
```
#3f5a6d
```
#3f5a6d rgb(63,90,109)
```
#48677d
```
#48677d rgb(72,103,125)
```
#51748d
```
#51748d rgb(81,116,141)
```
#5b829d
```
#5b829d rgb(91,130,157)
```
#698ea9
```
#698ea9 rgb(105,142,169)
```

Monochromatic Color

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

#48747d
```
#48747d rgb(72,116,125)
```
#48707d
```
#48707d rgb(72,112,125)
```
#486b7d
```
#486b7d rgb(72,107,125)
```
#48677d
```
#48677d rgb(72,103,125)
```
#48637d
```
#48637d rgb(72,99,125)
```
#485e7d
```
#485e7d rgb(72,94,125)
```
#485a7d
```
#485a7d rgb(72,90,125)
```

Similar Colors

Text with hexadecimal color #48677d

This text has a font color of #48677d.

<span style="color:#48677d;">Text here</span>

#48677d background color

This paragraph has a background color of #48677d.

<p style="background-color:#48677d;">Content here</p>

#48677d border color

This element has a border color of #48677d.

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

CSS codes

.text {color:#48677d;}

.background {background-color:#48677d;}

.border {border:1px solid #48677d;}

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

#000001
```
#000001 rgb(0,0,1)
```
#070b0d
```
#070b0d rgb(7,11,13)
```
#0f1519
```
#0f1519 rgb(15,21,25)
```
#161f26
```
#161f26 rgb(22,31,38)
```
#1d2932
```
#1d2932 rgb(29,41,50)
```
#24343f
```
#24343f rgb(36,52,63)
```
#2b3e4b
```
#2b3e4b rgb(43,62,75)
```
#324858
```
#324858 rgb(50,72,88)
```
#3a5264
```
#3a5264 rgb(58,82,100)
```
#415d71
```
#415d71 rgb(65,93,113)
```
#48677d
```
#48677d rgb(72,103,125)
```
#4f7189
```
#4f7189 rgb(79,113,137)
```
#567c96
```
#567c96 rgb(86,124,150)
```

Shade Color Variation

#5e86a2
```
#5e86a2 rgb(94,134,162)
```
#6a8fa9
```
#6a8fa9 rgb(106,143,169)
```
#7798b0
```
#7798b0 rgb(119,152,176)
```
#83a2b8
```
#83a2b8 rgb(131,162,184)
```
#90abbf
```
#90abbf rgb(144,171,191)
```
#9cb5c6
```
#9cb5c6 rgb(156,181,198)
```
#a8becd
```
#a8becd rgb(168,190,205)
```
#b5c7d4
```
#b5c7d4 rgb(181,199,212)
```
#c1d1db
```
#c1d1db rgb(193,209,219)
```
#cedae3
```
#cedae3 rgb(206,218,227)
```
#dae3ea
```
#dae3ea rgb(218,227,234)
```
#e7edf1
```
#e7edf1 rgb(231,237,241)
```
#f3f6f8
```
#f3f6f8 rgb(243,246,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6366 is the less saturated color, while #0473c1 is the most saturated one.

#5f6366
```
#5f6366 rgb(95,99,102)
```
#57646e
```
#57646e rgb(87,100,110)
```
#506675
```
#506675 rgb(80,102,117)
```
#48677d
```
#48677d rgb(72,103,125)
```
#406885
```
#406885 rgb(64,104,133)
```
#396a8c
```
#396a8c rgb(57,106,140)
```
#316b94
```
#316b94 rgb(49,107,148)
```
#2a6c9b
```
#2a6c9b rgb(42,108,155)
```
#226da3
```
#226da3 rgb(34,109,163)
```
#1b6faa
```
#1b6faa rgb(27,111,170)
```
#1370b2
```
#1370b2 rgb(19,112,178)
```
#0b71ba
```
#0b71ba rgb(11,113,186)
```
#0473c1
```
#0473c1 rgb(4,115,193)
```

Tone Color Variation

Below, you can see how #48677d 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

#606060 Achromatopsia 0.005% of the population
#5b6166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666a80 Protanopia 1% of men
#666985 Deuteranopia 1% of men
#4d7079 Tritanopia 0.001% of the population

Trichromacy

#5b697f Protanomaly 1% of men, 0.01% of women
#5b6882 Deuteranomaly 6% of men, 0.4% of women
#4b6d7a Tritanomaly 0.01% of the population

#48677d hex color

#48677d Color Information

#48677d Color Conversion

Color Schemes with #48677d

Alternatives to #48677d

#48677d Preview

Shades and Tints of #48677d

Tones of #48677d

Color Blindness Simulator