#48679c hex color

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

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

● #48679c color description : Dark moderate blue.

The hexadecimal color #48679c has RGB values of R:72, G:103, B:156 and CMYK values of C:0.54, M:0.34, Y:0, K:0.39. Its decimal value is 4745116.

Hex triplet	48679c	`#48679c`
RGB Decimal	72, 103, 156	`rgb(72,103,156)`
RGB Percent	28.2, 40.4, 61.2	`rgb(28.2%,40.4%,61.2%)`
CMYK	54, 34, 0, 39
HSL	217.9°, 36.8, 44.7	`hsl(217.9,36.8%,44.7%)`
HSV (or HSB)	217.9°, 53.8, 61.2
Web Safe	336699	`#336699`

CIE-LAB	43.475, 4.663, -32.26
XYZ	13.522, 13.478, 33.34
xyY	0.224, 0.223, 13.478
CIE-LCH	43.475, 32.595, 278.226
CIE-LUV	43.475, -14.986, -47.542
Hunter-Lab	36.712, 1.5, -28.145
Binary	01001000, 01100111, 10011100

#48679c
```
#48679c rgb(72,103,156)
```
#9c7d48
```
#9c7d48 rgb(156,125,72)
```

Complementary Color

#48919c
```
#48919c rgb(72,145,156)
```
#48679c
```
#48679c rgb(72,103,156)
```
#53489c
```
#53489c rgb(83,72,156)
```

Analogous Color

#919c48
```
#919c48 rgb(145,156,72)
```
#48679c
```
#48679c rgb(72,103,156)
```
#9c5348
```
#9c5348 rgb(156,83,72)
```

Split Complementary Color

#679c48
```
#679c48 rgb(103,156,72)
```
#48679c
```
#48679c rgb(72,103,156)
```
#9c4867
```
#9c4867 rgb(156,72,103)
```

Triadic Color

#489c7d
```
#489c7d rgb(72,156,125)
```
#48679c
```
#48679c rgb(72,103,156)
```
#9c4867
```
#9c4867 rgb(156,72,103)
```
#9c7d48
```
#9c7d48 rgb(156,125,72)
```

Tetradic Color

#304468
```
#304468 rgb(48,68,104)
```
#385079
```
#385079 rgb(56,80,121)
```
#405b8b
```
#405b8b rgb(64,91,139)
```
#48679c
```
#48679c rgb(72,103,156)
```
#5073ad
```
#5073ad rgb(80,115,173)
```
#6180b6
```
#6180b6 rgb(97,128,182)
```
#728ebe
```
#728ebe rgb(114,142,190)
```

Monochromatic Color

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

#487c9c
```
#487c9c rgb(72,124,156)
```
#48759c
```
#48759c rgb(72,117,156)
```
#486e9c
```
#486e9c rgb(72,110,156)
```
#48679c
```
#48679c rgb(72,103,156)
```
#48609c
```
#48609c rgb(72,96,156)
```
#48599c
```
#48599c rgb(72,89,156)
```
#48529c
```
#48529c rgb(72,82,156)
```

Similar Colors

Text with hexadecimal color #48679c

This text has a font color of #48679c.

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

#48679c background color

This paragraph has a background color of #48679c.

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

#48679c border color

This element has a border color of #48679c.

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

CSS codes

.text {color:#48679c;}

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

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

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

#040608
```
#040608 rgb(4,6,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)
```
#23324b
```
#23324b rgb(35,50,75)
```
#293b59
```
#293b59 rgb(41,59,89)
```
#2f4466
```
#2f4466 rgb(47,68,102)
```
#354c74
```
#354c74 rgb(53,76,116)
```
#3c5581
```
#3c5581 rgb(60,85,129)
```
#425e8f
```
#425e8f rgb(66,94,143)
```
#48679c
```
#48679c rgb(72,103,156)
```
#4e70a9
```
#4e70a9 rgb(78,112,169)
```

Shade Color Variation

#597ab2
```
#597ab2 rgb(89,122,178)
```
#6685b9
```
#6685b9 rgb(102,133,185)
```
#748fbf
```
#748fbf rgb(116,143,191)
```
#819ac5
```
#819ac5 rgb(129,154,197)
```
#8fa5cb
```
#8fa5cb rgb(143,165,203)
```
#9cb0d1
```
#9cb0d1 rgb(156,176,209)
```
#a9bad8
```
#a9bad8 rgb(169,186,216)
```
#b7c5de
```
#b7c5de rgb(183,197,222)
```
#c4d0e4
```
#c4d0e4 rgb(196,208,228)
```
#d2dbea
```
#d2dbea rgb(210,219,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 #0255e2 is the most saturated one.

#6b7079
```
#6b7079 rgb(107,112,121)
```
#626e82
```
#626e82 rgb(98,110,130)
```
#5a6c8a
```
#5a6c8a rgb(90,108,138)
```
#516993
```
#516993 rgb(81,105,147)
```
#48679c
```
#48679c rgb(72,103,156)
```
#3f65a5
```
#3f65a5 rgb(63,101,165)
```
#3662ae
```
#3662ae rgb(54,98,174)
```
#2e60b6
```
#2e60b6 rgb(46,96,182)
```
#255ebf
```
#255ebf rgb(37,94,191)
```
#1c5cc8
```
#1c5cc8 rgb(28,92,200)
```
#1359d1
```
#1359d1 rgb(19,89,209)
```
#0b57d9
```
#0b57d9 rgb(11,87,217)
```
#0255e2
```
#0255e2 rgb(2,85,226)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5e656f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6c9f Protanopia 1% of men
#546ea1 Deuteranopia 1% of men
#42767e Tritanopia 0.001% of the population

Trichromacy

#546a9e Protanomaly 1% of men, 0.01% of women
#4f6b9f Deuteranomaly 6% of men, 0.4% of women
#447089 Tritanomaly 0.01% of the population

#48679c hex color

#48679c Color Information

#48679c Color Conversion

Color Schemes with #48679c

Alternatives to #48679c

#48679c Preview

Shades and Tints of #48679c

Tones of #48679c

Color Blindness Simulator