#48657b hex color

In a RGB color space, hex #48657b is composed of 28.2% red, 39.6% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 41.5% cyan, 17.9% magenta, 0% yellow and 51.8% black. It has a hue angle of 205.9 degrees, a saturation of 26.2% and a lightness of 38.2%. #48657b color hex could be obtained by blending #90caf6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 40
- B 48
RGB color chart
- C 41
- M 18
- Y 0
- K 52
CMYK color chart

● #48657b color description : Mostly desaturated dark blue.

The hexadecimal color #48657b has RGB values of R:72, G:101, B:123 and CMYK values of C:0.41, M:0.18, Y:0, K:0.52. Its decimal value is 4744571.

Hex triplet	48657b	`#48657b`
RGB Decimal	72, 101, 123	`rgb(72,101,123)`
RGB Percent	28.2, 39.6, 48.2	`rgb(28.2%,39.6%,48.2%)`
CMYK	41, 18, 0, 52
HSL	205.9°, 26.2, 38.2	`hsl(205.9,26.2%,38.2%)`
HSV (or HSB)	205.9°, 41.5, 48.2
Web Safe	336666	`#336666`

CIE-LAB	41.398, -4.479, -15.671
XYZ	10.9, 12.115, 20.502
xyY	0.25, 0.278, 12.115
CIE-LCH	41.398, 16.298, 254.049
CIE-LUV	41.398, -14.134, -21.144
Hunter-Lab	34.806, -5.009, -10.559
Binary	01001000, 01100101, 01111011

#48657b
```
#48657b rgb(72,101,123)
```
#7b5e48
```
#7b5e48 rgb(123,94,72)
```

Complementary Color

#487b78
```
#487b78 rgb(72,123,120)
```
#48657b
```
#48657b rgb(72,101,123)
```
#484c7b
```
#484c7b rgb(72,76,123)
```

Analogous Color

#7b7848
```
#7b7848 rgb(123,120,72)
```
#48657b
```
#48657b rgb(72,101,123)
```
#7b484c
```
#7b484c rgb(123,72,76)
```

Split Complementary Color

#657b48
```
#657b48 rgb(101,123,72)
```
#48657b
```
#48657b rgb(72,101,123)
```
#7b4865
```
#7b4865 rgb(123,72,101)
```

Triadic Color

#487b5e
```
#487b5e rgb(72,123,94)
```
#48657b
```
#48657b rgb(72,101,123)
```
#7b4865
```
#7b4865 rgb(123,72,101)
```
#7b5e48
```
#7b5e48 rgb(123,94,72)
```

Tetradic Color

#2c3d4b
```
#2c3d4b rgb(44,61,75)
```
#354b5b
```
#354b5b rgb(53,75,91)
```
#3f586b
```
#3f586b rgb(63,88,107)
```
#48657b
```
#48657b rgb(72,101,123)
```
#51728b
```
#51728b rgb(81,114,139)
```
#5b7f9b
```
#5b7f9b rgb(91,127,155)
```
#698ca7
```
#698ca7 rgb(105,140,167)
```

Monochromatic Color

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

#48727b
```
#48727b rgb(72,114,123)
```
#486e7b
```
#486e7b rgb(72,110,123)
```
#48697b
```
#48697b rgb(72,105,123)
```
#48657b
```
#48657b rgb(72,101,123)
```
#48617b
```
#48617b rgb(72,97,123)
```
#485d7b
```
#485d7b rgb(72,93,123)
```
#48587b
```
#48587b rgb(72,88,123)
```

Similar Colors

Text with hexadecimal color #48657b

This text has a font color of #48657b.

<span style="color:#48657b;">Text here</span>

#48657b background color

This paragraph has a background color of #48657b.

<p style="background-color:#48657b;">Content here</p>

#48657b border color

This element has a border color of #48657b.

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

CSS codes

.text {color:#48657b;}

.background {background-color:#48657b;}

.border {border:1px solid #48657b;}

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, #070a0c is the darkest color, while #fefeff is the lightest one.

#070a0c
```
#070a0c rgb(7,10,12)
```
#0e1418
```
#0e1418 rgb(14,20,24)
```
#151e24
```
#151e24 rgb(21,30,36)
```
#1d2831
```
#1d2831 rgb(29,40,49)
```
#24323d
```
#24323d rgb(36,50,61)
```
#2b3c4a
```
#2b3c4a rgb(43,60,74)
```
#324756
```
#324756 rgb(50,71,86)
```
#3a5162
```
#3a5162 rgb(58,81,98)
```
#415b6f
```
#415b6f rgb(65,91,111)
```
#48657b
```
#48657b rgb(72,101,123)
```
#4f6f87
```
#4f6f87 rgb(79,111,135)
```
#567994
```
#567994 rgb(86,121,148)
```
#5e83a0
```
#5e83a0 rgb(94,131,160)
```

Shade Color Variation

#6a8da8
```
#6a8da8 rgb(106,141,168)
```
#7696af
```
#7696af rgb(118,150,175)
```
#83a0b6
```
#83a0b6 rgb(131,160,182)
```
#8fa9bd
```
#8fa9bd rgb(143,169,189)
```
#9bb3c5
```
#9bb3c5 rgb(155,179,197)
```
#a8bccc
```
#a8bccc rgb(168,188,204)
```
#b4c6d3
```
#b4c6d3 rgb(180,198,211)
```
#c0cfda
```
#c0cfda rgb(192,207,218)
```
#cdd9e2
```
#cdd9e2 rgb(205,217,226)
```
#d9e2e9
```
#d9e2e9 rgb(217,226,233)
```
#e6ecf0
```
#e6ecf0 rgb(230,236,240)
```
#f2f5f7
```
#f2f5f7 rgb(242,245,247)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5f6265
```
#5f6265 rgb(95,98,101)
```
#57636c
```
#57636c rgb(87,99,108)
```
#506474
```
#506474 rgb(80,100,116)
```
#48657b
```
#48657b rgb(72,101,123)
```
#416683
```
#416683 rgb(65,102,131)
```
#39678a
```
#39678a rgb(57,103,138)
```
#326892
```
#326892 rgb(50,104,146)
```
#2a6999
```
#2a6999 rgb(42,105,153)
```
#236aa1
```
#236aa1 rgb(35,106,161)
```
#1b6ba8
```
#1b6ba8 rgb(27,107,168)
```
#146cb0
```
#146cb0 rgb(20,108,176)
```
#0c6db7
```
#0c6db7 rgb(12,109,183)
```
#046ebf
```
#046ebf rgb(4,110,191)
```

Tone Color Variation

Below, you can see how #48657b 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

#5f5f5f Achromatopsia 0.005% of the population
#5a6065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64687f Protanopia 1% of men
#656883 Deuteranopia 1% of men
#4d6f77 Tritanopia 0.001% of the population

Trichromacy

#5a677d Protanomaly 1% of men, 0.01% of women
#5a6680 Deuteranomaly 6% of men, 0.4% of women
#4b6b78 Tritanomaly 0.01% of the population

#48657b hex color

#48657b Color Information

#48657b Color Conversion

Color Schemes with #48657b

Alternatives to #48657b

#48657b Preview

Shades and Tints of #48657b

Tones of #48657b

Color Blindness Simulator