#48568e hex color

In a RGB color space, hex #48568e is composed of 28.2% red, 33.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 39.4% magenta, 0% yellow and 44.3% black. It has a hue angle of 228 degrees, a saturation of 32.7% and a lightness of 42%. #48568e color hex could be obtained by blending #90acff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 34
- B 56
RGB color chart
- C 49
- M 39
- Y 0
- K 44
CMYK color chart

● #48568e color description : Dark moderate blue.

The hexadecimal color #48568e has RGB values of R:72, G:86, B:142 and CMYK values of C:0.49, M:0.39, Y:0, K:0.44. Its decimal value is 4740750.

Hex triplet	48568e	`#48568e`
RGB Decimal	72, 86, 142	`rgb(72,86,142)`
RGB Percent	28.2, 33.7, 55.7	`rgb(28.2%,33.7%,55.7%)`
CMYK	49, 39, 0, 44
HSL	228°, 32.7, 42	`hsl(228,32.7%,42%)`
HSV (or HSB)	228°, 49.3, 55.7
Web Safe	336699	`#336699`

CIE-LAB	37.817, 10.816, -32.775
XYZ	10.882, 9.986, 26.944
xyY	0.228, 0.209, 9.986
CIE-LCH	37.817, 34.514, 288.263
CIE-LUV	37.817, -8.655, -47.291
Hunter-Lab	31.6, 6.167, -28.433
Binary	01001000, 01010110, 10001110

#48568e
```
#48568e rgb(72,86,142)
```
#8e8048
```
#8e8048 rgb(142,128,72)
```

Complementary Color

#48798e
```
#48798e rgb(72,121,142)
```
#48568e
```
#48568e rgb(72,86,142)
```
#5d488e
```
#5d488e rgb(93,72,142)
```

Analogous Color

#798e48
```
#798e48 rgb(121,142,72)
```
#48568e
```
#48568e rgb(72,86,142)
```
#8e5d48
```
#8e5d48 rgb(142,93,72)
```

Split Complementary Color

#568e48
```
#568e48 rgb(86,142,72)
```
#48568e
```
#48568e rgb(72,86,142)
```
#8e4856
```
#8e4856 rgb(142,72,86)
```

Triadic Color

#488e80
```
#488e80 rgb(72,142,128)
```
#48568e
```
#48568e rgb(72,86,142)
```
#8e4856
```
#8e4856 rgb(142,72,86)
```
#8e8048
```
#8e8048 rgb(142,128,72)
```

Tetradic Color

#2e375b
```
#2e375b rgb(46,55,91)
```
#37426c
```
#37426c rgb(55,66,108)
```
#3f4c7d
```
#3f4c7d rgb(63,76,125)
```
#48568e
```
#48568e rgb(72,86,142)
```
#51609f
```
#51609f rgb(81,96,159)
```
#5c6cad
```
#5c6cad rgb(92,108,173)
```
#6d7cb5
```
#6d7cb5 rgb(109,124,181)
```

Monochromatic Color

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

#48688e
```
#48688e rgb(72,104,142)
```
#48628e
```
#48628e rgb(72,98,142)
```
#485c8e
```
#485c8e rgb(72,92,142)
```
#48568e
```
#48568e rgb(72,86,142)
```
#48508e
```
#48508e rgb(72,80,142)
```
#484a8e
```
#484a8e rgb(72,74,142)
```
#4c488e
```
#4c488e rgb(76,72,142)
```

Similar Colors

Text with hexadecimal color #48568e

This text has a font color of #48568e.

<span style="color:#48568e;">Text here</span>

#48568e background color

This paragraph has a background color of #48568e.

<p style="background-color:#48568e;">Content here</p>

#48568e border color

This element has a border color of #48568e.

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

CSS codes

.text {color:#48568e;}

.background {background-color:#48568e;}

.border {border:1px solid #48568e;}

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, #06070c is the darkest color, while #fefefe is the lightest one.

#06070c
```
#06070c rgb(6,7,12)
```
#0d0f19
```
#0d0f19 rgb(13,15,25)
```
#131726
```
#131726 rgb(19,23,38)
```
#1a1f33
```
#1a1f33 rgb(26,31,51)
```
#202740
```
#202740 rgb(32,39,64)
```
#272f4d
```
#272f4d rgb(39,47,77)
```
#2e365a
```
#2e365a rgb(46,54,90)
```
#343e67
```
#343e67 rgb(52,62,103)
```
#3b4674
```
#3b4674 rgb(59,70,116)
```
#414e81
```
#414e81 rgb(65,78,129)
```
#48568e
```
#48568e rgb(72,86,142)
```
#4f5e9b
```
#4f5e9b rgb(79,94,155)
```
#5566a8
```
#5566a8 rgb(85,102,168)
```

Shade Color Variation

#6271af
```
#6271af rgb(98,113,175)
```
#6f7db6
```
#6f7db6 rgb(111,125,182)
```
#7c89bc
```
#7c89bc rgb(124,137,188)
```
#8994c3
```
#8994c3 rgb(137,148,195)
```
#96a0ca
```
#96a0ca rgb(150,160,202)
```
#a3acd0
```
#a3acd0 rgb(163,172,208)
```
#b0b8d7
```
#b0b8d7 rgb(176,184,215)
```
#bdc3dd
```
#bdc3dd rgb(189,195,221)
```
#cacfe4
```
#cacfe4 rgb(202,207,228)
```
#d7dbeb
```
#d7dbeb rgb(215,219,235)
```
#e4e6f1
```
#e4e6f1 rgb(228,230,241)
```
#f1f2f8
```
#f1f2f8 rgb(241,242,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696a6d is the less saturated color, while #062ed0 is the most saturated one.

#696a6d
```
#696a6d rgb(105,106,109)
```
#616575
```
#616575 rgb(97,101,117)
```
#58607e
```
#58607e rgb(88,96,126)
```
#505b86
```
#505b86 rgb(80,91,134)
```
#48568e
```
#48568e rgb(72,86,142)
```
#405196
```
#405196 rgb(64,81,150)
```
#384c9e
```
#384c9e rgb(56,76,158)
```
#2f47a7
```
#2f47a7 rgb(47,71,167)
```
#2742af
```
#2742af rgb(39,66,175)
```
#1f3db7
```
#1f3db7 rgb(31,61,183)
```
#1738bf
```
#1738bf rgb(23,56,191)
```
#0e33c8
```
#0e33c8 rgb(14,51,200)
```
#062ed0
```
#062ed0 rgb(6,46,208)
```

Tone Color Variation

Below, you can see how #48568e 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

#585858 Achromatopsia 0.005% of the population
#555863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5f94 Protanopia 1% of men
#446192 Deuteranopia 1% of men
#43676e Tritanopia 0.001% of the population

Trichromacy

#4a5c92 Protanomaly 1% of men, 0.01% of women
#465d91 Deuteranomaly 6% of men, 0.4% of women
#45607a Tritanomaly 0.01% of the population

#48568e hex color

#48568e Color Information

#48568e Color Conversion

Color Schemes with #48568e

Alternatives to #48568e

#48568e Preview

Shades and Tints of #48568e

Tones of #48568e

Color Blindness Simulator