#48508d hex color

In a RGB color space, hex #48508d is composed of 28.2% red, 31.4% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 43.3% magenta, 0% yellow and 44.7% black. It has a hue angle of 233 degrees, a saturation of 32.4% and a lightness of 41.8%. #48508d color hex could be obtained by blending #90a0ff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 31
- B 55
RGB color chart
- C 49
- M 43
- Y 0
- K 45
CMYK color chart

● #48508d color description : Dark moderate blue.

The hexadecimal color #48508d has RGB values of R:72, G:80, B:141 and CMYK values of C:0.49, M:0.43, Y:0, K:0.45. Its decimal value is 4739213.

Hex triplet	48508d	`#48508d`
RGB Decimal	72, 80, 141	`rgb(72,80,141)`
RGB Percent	28.2, 31.4, 55.3	`rgb(28.2%,31.4%,55.3%)`
CMYK	49, 43, 0, 45
HSL	233°, 32.4, 41.8	`hsl(233,32.4%,41.8%)`
HSV (or HSB)	233°, 48.9, 55.3
Web Safe	336699	`#336699`

CIE-LAB	36.057, 14.366, -34.955
XYZ	10.348, 9.038, 26.397
xyY	0.226, 0.197, 9.038
CIE-LCH	36.057, 37.792, 292.341
CIE-LUV	36.057, -6.545, -50.153
Hunter-Lab	30.063, 8.831, -31.016
Binary	01001000, 01010000, 10001101

#48508d
```
#48508d rgb(72,80,141)
```
#8d8548
```
#8d8548 rgb(141,133,72)
```

Complementary Color

#48738d
```
#48738d rgb(72,115,141)
```
#48508d
```
#48508d rgb(72,80,141)
```
#63488d
```
#63488d rgb(99,72,141)
```

Analogous Color

#738d48
```
#738d48 rgb(115,141,72)
```
#48508d
```
#48508d rgb(72,80,141)
```
#8d6348
```
#8d6348 rgb(141,99,72)
```

Split Complementary Color

#508d48
```
#508d48 rgb(80,141,72)
```
#48508d
```
#48508d rgb(72,80,141)
```
#8d4850
```
#8d4850 rgb(141,72,80)
```

Triadic Color

#488d85
```
#488d85 rgb(72,141,133)
```
#48508d
```
#48508d rgb(72,80,141)
```
#8d4850
```
#8d4850 rgb(141,72,80)
```
#8d8548
```
#8d8548 rgb(141,133,72)
```

Tetradic Color

#2e335a
```
#2e335a rgb(46,51,90)
```
#373d6b
```
#373d6b rgb(55,61,107)
```
#3f467c
```
#3f467c rgb(63,70,124)
```
#48508d
```
#48508d rgb(72,80,141)
```
#515a9e
```
#515a9e rgb(81,90,158)
```
#5c65ac
```
#5c65ac rgb(92,101,172)
```
#6d75b4
```
#6d75b4 rgb(109,117,180)
```

Monochromatic Color

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

#48618d
```
#48618d rgb(72,97,141)
```
#485c8d
```
#485c8d rgb(72,92,141)
```
#48568d
```
#48568d rgb(72,86,141)
```
#48508d
```
#48508d rgb(72,80,141)
```
#484a8d
```
#484a8d rgb(72,74,141)
```
#4c488d
```
#4c488d rgb(76,72,141)
```
#51488d
```
#51488d rgb(81,72,141)
```

Similar Colors

Text with hexadecimal color #48508d

This text has a font color of #48508d.

<span style="color:#48508d;">Text here</span>

#48508d background color

This paragraph has a background color of #48508d.

<p style="background-color:#48508d;">Content here</p>

#48508d border color

This element has a border color of #48508d.

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

CSS codes

.text {color:#48508d;}

.background {background-color:#48508d;}

.border {border:1px solid #48508d;}

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, #06060b is the darkest color, while #fdfdfe is the lightest one.

#06060b
```
#06060b rgb(6,6,11)
```
#0c0e18
```
#0c0e18 rgb(12,14,24)
```
#131525
```
#131525 rgb(19,21,37)
```
#1a1c32
```
#1a1c32 rgb(26,28,50)
```
#20243f
```
#20243f rgb(32,36,63)
```
#272b4c
```
#272b4c rgb(39,43,76)
```
#2d3359
```
#2d3359 rgb(45,51,89)
```
#343a66
```
#343a66 rgb(52,58,102)
```
#3b4173
```
#3b4173 rgb(59,65,115)
```
#414980
```
#414980 rgb(65,73,128)
```
#48508d
```
#48508d rgb(72,80,141)
```
#4f579a
```
#4f579a rgb(79,87,154)
```
#555fa7
```
#555fa7 rgb(85,95,167)
```

Shade Color Variation

#616aae
```
#616aae rgb(97,106,174)
```
#6e77b5
```
#6e77b5 rgb(110,119,181)
```
#7b83bc
```
#7b83bc rgb(123,131,188)
```
#888fc2
```
#888fc2 rgb(136,143,194)
```
#959bc9
```
#959bc9 rgb(149,155,201)
```
#a2a8d0
```
#a2a8d0 rgb(162,168,208)
```
#afb4d6
```
#afb4d6 rgb(175,180,214)
```
#bcc0dd
```
#bcc0dd rgb(188,192,221)
```
#c9cce4
```
#c9cce4 rgb(201,204,228)
```
#d6d9ea
```
#d6d9ea rgb(214,217,234)
```
#e3e5f1
```
#e3e5f1 rgb(227,229,241)
```
#f0f1f7
```
#f0f1f7 rgb(240,241,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69696c is the less saturated color, while #061ecf is the most saturated one.

#69696c
```
#69696c rgb(105,105,108)
```
#616374
```
#616374 rgb(97,99,116)
```
#585d7d
```
#585d7d rgb(88,93,125)
```
#505685
```
#505685 rgb(80,86,133)
```
#48508d
```
#48508d rgb(72,80,141)
```
#404a95
```
#404a95 rgb(64,74,149)
```
#38439d
```
#38439d rgb(56,67,157)
```
#2f3da6
```
#2f3da6 rgb(47,61,166)
```
#2737ae
```
#2737ae rgb(39,55,174)
```
#1f31b6
```
#1f31b6 rgb(31,49,182)
```
#172abe
```
#172abe rgb(23,42,190)
```
#0f24c6
```
#0f24c6 rgb(15,36,198)
```
#061ecf
```
#061ecf rgb(6,30,207)
```

Tone Color Variation

Below, you can see how #48508d 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

#555555 Achromatopsia 0.005% of the population
#525460 Atypical Achromatopsia 0.001% of the population

Dichromacy

#435b95 Protanopia 1% of men
#3b5e90 Deuteranopia 1% of men
#426269 Tritanopia 0.001% of the population

Trichromacy

#455792 Protanomaly 1% of men, 0.01% of women
#40588f Deuteranomaly 6% of men, 0.4% of women
#445b76 Tritanomaly 0.01% of the population

#48508d hex color

#48508d Color Information

#48508d Color Conversion

Color Schemes with #48508d

Alternatives to #48508d

#48508d Preview

Shades and Tints of #48508d

Tones of #48508d

Color Blindness Simulator