#48649c hex color

In a RGB color space, hex #48649c is composed of 28.2% red, 39.2% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 35.9% magenta, 0% yellow and 38.8% black. It has a hue angle of 220 degrees, a saturation of 36.8% and a lightness of 44.7%. #48649c color hex could be obtained by blending #90c8ff with #000039. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 39
- B 61
RGB color chart
- C 54
- M 36
- Y 0
- K 39
CMYK color chart

● #48649c color description : Dark moderate blue.

The hexadecimal color #48649c has RGB values of R:72, G:100, B:156 and CMYK values of C:0.54, M:0.36, Y:0, K:0.39. Its decimal value is 4744348.

Hex triplet	48649c	`#48649c`
RGB Decimal	72, 100, 156	`rgb(72,100,156)`
RGB Percent	28.2, 39.2, 61.2	`rgb(28.2%,39.2%,61.2%)`
CMYK	54, 36, 0, 39
HSL	220°, 36.8, 44.7	`hsl(220,36.8%,44.7%)`
HSV (or HSB)	220°, 53.8, 61.2
Web Safe	336699	`#336699`

CIE-LAB	42.6, 6.535, -33.637
XYZ	13.229, 12.892, 33.242
xyY	0.223, 0.217, 12.892
CIE-LCH	42.6, 34.265, 280.995
CIE-LUV	42.6, -13.899, -49.608
Hunter-Lab	35.905, 2.934, -29.759
Binary	01001000, 01100100, 10011100

#48649c
```
#48649c rgb(72,100,156)
```
#9c8048
```
#9c8048 rgb(156,128,72)
```

Complementary Color

#488e9c
```
#488e9c rgb(72,142,156)
```
#48649c
```
#48649c rgb(72,100,156)
```
#56489c
```
#56489c rgb(86,72,156)
```

Analogous Color

#8e9c48
```
#8e9c48 rgb(142,156,72)
```
#48649c
```
#48649c rgb(72,100,156)
```
#9c5648
```
#9c5648 rgb(156,86,72)
```

Split Complementary Color

#649c48
```
#649c48 rgb(100,156,72)
```
#48649c
```
#48649c rgb(72,100,156)
```
#9c4864
```
#9c4864 rgb(156,72,100)
```

Triadic Color

#489c80
```
#489c80 rgb(72,156,128)
```
#48649c
```
#48649c rgb(72,100,156)
```
#9c4864
```
#9c4864 rgb(156,72,100)
```
#9c8048
```
#9c8048 rgb(156,128,72)
```

Tetradic Color

#304268
```
#304268 rgb(48,66,104)
```
#384e79
```
#384e79 rgb(56,78,121)
```
#40598b
```
#40598b rgb(64,89,139)
```
#48649c
```
#48649c rgb(72,100,156)
```
#506fad
```
#506fad rgb(80,111,173)
```
#617db6
```
#617db6 rgb(97,125,182)
```
#728cbe
```
#728cbe rgb(114,140,190)
```

Monochromatic Color

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

#48799c
```
#48799c rgb(72,121,156)
```
#48729c
```
#48729c rgb(72,114,156)
```
#486b9c
```
#486b9c rgb(72,107,156)
```
#48649c
```
#48649c rgb(72,100,156)
```
#485d9c
```
#485d9c rgb(72,93,156)
```
#48569c
```
#48569c rgb(72,86,156)
```
#484f9c
```
#484f9c rgb(72,79,156)
```

Similar Colors

Text with hexadecimal color #48649c

This text has a font color of #48649c.

<span style="color:#48649c;">Text here</span>

#48649c background color

This paragraph has a background color of #48649c.

<p style="background-color:#48649c;">Content here</p>

#48649c border color

This element has a border color of #48649c.

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

CSS codes

.text {color:#48649c;}

.background {background-color:#48649c;}

.border {border:1px solid #48649c;}

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0e16
```
#0a0e16 rgb(10,14,22)
```
#101723
```
#101723 rgb(16,23,35)
```
#161f31
```
#161f31 rgb(22,31,49)
```
#1d283e
```
#1d283e rgb(29,40,62)
```
#23304b
```
#23304b rgb(35,48,75)
```
#293959
```
#293959 rgb(41,57,89)
```
#2f4266
```
#2f4266 rgb(47,66,102)
```
#354a74
```
#354a74 rgb(53,74,116)
```
#3c5381
```
#3c5381 rgb(60,83,129)
```
#425b8f
```
#425b8f rgb(66,91,143)
```
#48649c
```
#48649c rgb(72,100,156)
```
#4e6da9
```
#4e6da9 rgb(78,109,169)
```

Shade Color Variation

#5977b2
```
#5977b2 rgb(89,119,178)
```
#6682b9
```
#6682b9 rgb(102,130,185)
```
#748dbf
```
#748dbf rgb(116,141,191)
```
#8198c5
```
#8198c5 rgb(129,152,197)
```
#8fa3cb
```
#8fa3cb rgb(143,163,203)
```
#9caed1
```
#9caed1 rgb(156,174,209)
```
#a9b9d8
```
#a9b9d8 rgb(169,185,216)
```
#b7c4de
```
#b7c4de rgb(183,196,222)
```
#c4cfe4
```
#c4cfe4 rgb(196,207,228)
```
#d2daea
```
#d2daea rgb(210,218,234)
```
#dfe5f0
```
#dfe5f0 rgb(223,229,240)
```
#edf0f6
```
#edf0f6 rgb(237,240,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7079 is the less saturated color, while #024de2 is the most saturated one.

#6b7079
```
#6b7079 rgb(107,112,121)
```
#626d82
```
#626d82 rgb(98,109,130)
```
#5a6a8a
```
#5a6a8a rgb(90,106,138)
```
#516793
```
#516793 rgb(81,103,147)
```
#48649c
```
#48649c rgb(72,100,156)
```
#3f61a5
```
#3f61a5 rgb(63,97,165)
```
#365eae
```
#365eae rgb(54,94,174)
```
#2e5bb6
```
#2e5bb6 rgb(46,91,182)
```
#2558bf
```
#2558bf rgb(37,88,191)
```
#1c55c8
```
#1c55c8 rgb(28,85,200)
```
#1352d1
```
#1352d1 rgb(19,82,209)
```
#0b50d9
```
#0b50d9 rgb(11,80,217)
```
#024de2
```
#024de2 rgb(2,77,226)
```

Tone Color Variation

Below, you can see how #48649c 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

#626262 Achromatopsia 0.005% of the population
#5d626e Atypical Achromatopsia 0.001% of the population

Dichromacy

#576aa0 Protanopia 1% of men
#4f6ca1 Deuteranopia 1% of men
#41737c Tritanopia 0.001% of the population

Trichromacy

#52689e Protanomaly 1% of men, 0.01% of women
#4c699f Deuteranomaly 6% of men, 0.4% of women
#436e87 Tritanomaly 0.01% of the population

#48649c hex color

#48649c Color Information

#48649c Color Conversion

Color Schemes with #48649c

Alternatives to #48649c

#48649c Preview

Shades and Tints of #48649c

Tones of #48649c

Color Blindness Simulator