#48669c hex color

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

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

● #48669c color description : Dark moderate blue.

The hexadecimal color #48669c has RGB values of R:72, G:102, B:156 and CMYK values of C:0.54, M:0.35, Y:0, K:0.39. Its decimal value is 4744860.

Hex triplet	48669c	`#48669c`
RGB Decimal	72, 102, 156	`rgb(72,102,156)`
RGB Percent	28.2, 40, 61.2	`rgb(28.2%,40%,61.2%)`
CMYK	54, 35, 0, 39
HSL	218.6°, 36.8, 44.7	`hsl(218.6,36.8%,44.7%)`
HSV (or HSB)	218.6°, 53.8, 61.2
Web Safe	336699	`#336699`

CIE-LAB	43.182, 5.286, -32.719
XYZ	13.423, 13.28, 33.307
xyY	0.224, 0.221, 13.28
CIE-LCH	43.182, 33.143, 279.176
CIE-LUV	43.182, -14.622, -48.235
Hunter-Lab	36.442, 1.977, -28.68
Binary	01001000, 01100110, 10011100

#48669c
```
#48669c rgb(72,102,156)
```
#9c7e48
```
#9c7e48 rgb(156,126,72)
```

Complementary Color

#48909c
```
#48909c rgb(72,144,156)
```
#48669c
```
#48669c rgb(72,102,156)
```
#54489c
```
#54489c rgb(84,72,156)
```

Analogous Color

#909c48
```
#909c48 rgb(144,156,72)
```
#48669c
```
#48669c rgb(72,102,156)
```
#9c5448
```
#9c5448 rgb(156,84,72)
```

Split Complementary Color

#669c48
```
#669c48 rgb(102,156,72)
```
#48669c
```
#48669c rgb(72,102,156)
```
#9c4866
```
#9c4866 rgb(156,72,102)
```

Triadic Color

#489c7e
```
#489c7e rgb(72,156,126)
```
#48669c
```
#48669c rgb(72,102,156)
```
#9c4866
```
#9c4866 rgb(156,72,102)
```
#9c7e48
```
#9c7e48 rgb(156,126,72)
```

Tetradic Color

#304468
```
#304468 rgb(48,68,104)
```
#384f79
```
#384f79 rgb(56,79,121)
```
#405b8b
```
#405b8b rgb(64,91,139)
```
#48669c
```
#48669c rgb(72,102,156)
```
#5071ad
```
#5071ad rgb(80,113,173)
```
#617fb6
```
#617fb6 rgb(97,127,182)
```
#728dbe
```
#728dbe rgb(114,141,190)
```

Monochromatic Color

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

#487b9c
```
#487b9c rgb(72,123,156)
```
#48749c
```
#48749c rgb(72,116,156)
```
#486d9c
```
#486d9c rgb(72,109,156)
```
#48669c
```
#48669c rgb(72,102,156)
```
#485f9c
```
#485f9c rgb(72,95,156)
```
#48589c
```
#48589c rgb(72,88,156)
```
#48519c
```
#48519c rgb(72,81,156)
```

Similar Colors

Text with hexadecimal color #48669c

This text has a font color of #48669c.

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

#48669c background color

This paragraph has a background color of #48669c.

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

#48669c border color

This element has a border color of #48669c.

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

CSS codes

.text {color:#48669c;}

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

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

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)
```
#162031
```
#162031 rgb(22,32,49)
```
#1d293e
```
#1d293e rgb(29,41,62)
```
#23314b
```
#23314b rgb(35,49,75)
```
#293a59
```
#293a59 rgb(41,58,89)
```
#2f4366
```
#2f4366 rgb(47,67,102)
```
#354c74
```
#354c74 rgb(53,76,116)
```
#3c5481
```
#3c5481 rgb(60,84,129)
```
#425d8f
```
#425d8f rgb(66,93,143)
```
#48669c
```
#48669c rgb(72,102,156)
```
#4e6fa9
```
#4e6fa9 rgb(78,111,169)
```

Shade Color Variation

#5979b2
```
#5979b2 rgb(89,121,178)
```
#6684b9
```
#6684b9 rgb(102,132,185)
```
#748fbf
```
#748fbf rgb(116,143,191)
```
#8199c5
```
#8199c5 rgb(129,153,197)
```
#8fa4cb
```
#8fa4cb rgb(143,164,203)
```
#9cafd1
```
#9cafd1 rgb(156,175,209)
```
#a9bad8
```
#a9bad8 rgb(169,186,216)
```
#b7c5de
```
#b7c5de rgb(183,197,222)
```
#c4d0e4
```
#c4d0e4 rgb(196,208,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 #0252e2 is the most saturated one.

#6b7079
```
#6b7079 rgb(107,112,121)
```
#626e82
```
#626e82 rgb(98,110,130)
```
#5a6b8a
```
#5a6b8a rgb(90,107,138)
```
#516993
```
#516993 rgb(81,105,147)
```
#48669c
```
#48669c rgb(72,102,156)
```
#3f63a5
```
#3f63a5 rgb(63,99,165)
```
#3661ae
```
#3661ae rgb(54,97,174)
```
#2e5eb6
```
#2e5eb6 rgb(46,94,182)
```
#255cbf
```
#255cbf rgb(37,92,191)
```
#1c59c8
```
#1c59c8 rgb(28,89,200)
```
#1357d1
```
#1357d1 rgb(19,87,209)
```
#0b54d9
```
#0b54d9 rgb(11,84,217)
```
#0252e2
```
#0252e2 rgb(2,82,226)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5e646e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6c9f Protanopia 1% of men
#526da1 Deuteranopia 1% of men
#41757e Tritanopia 0.001% of the population

Trichromacy

#53699e Protanomaly 1% of men, 0.01% of women
#4e6a9f Deuteranomaly 6% of men, 0.4% of women
#446f88 Tritanomaly 0.01% of the population

#48669c hex color

#48669c Color Information

#48669c Color Conversion

Color Schemes with #48669c

Alternatives to #48669c

#48669c Preview

Shades and Tints of #48669c

Tones of #48669c

Color Blindness Simulator