#484e8f hex color

In a RGB color space, hex #484e8f is composed of 28.2% red, 30.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 45.5% magenta, 0% yellow and 43.9% black. It has a hue angle of 234.9 degrees, a saturation of 33% and a lightness of 42.2%. #484e8f color hex could be obtained by blending #909cff with #00001f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 31
- B 56
RGB color chart
- C 50
- M 45
- Y 0
- K 44
CMYK color chart

● #484e8f color description : Dark moderate blue.

The hexadecimal color #484e8f has RGB values of R:72, G:78, B:143 and CMYK values of C:0.5, M:0.45, Y:0, K:0.44. Its decimal value is 4738703.

Hex triplet	484e8f	`#484e8f`
RGB Decimal	72, 78, 143	`rgb(72,78,143)`
RGB Percent	28.2, 30.6, 56.1	`rgb(28.2%,30.6%,56.1%)`
CMYK	50, 45, 0, 44
HSL	234.9°, 33, 42.2	`hsl(234.9,33%,42.2%)`
HSV (or HSB)	234.9°, 49.7, 56.1
Web Safe	336699	`#336699`

CIE-LAB	35.615, 16.318, -36.877
XYZ	10.354, 8.809, 27.14
xyY	0.224, 0.19, 8.809
CIE-LCH	35.615, 40.326, 293.869
CIE-LUV	35.615, -5.963, -52.898
Hunter-Lab	29.68, 10.327, -33.439
Binary	01001000, 01001110, 10001111

#484e8f
```
#484e8f rgb(72,78,143)
```
#8f8948
```
#8f8948 rgb(143,137,72)
```

Complementary Color

#48728f
```
#48728f rgb(72,114,143)
```
#484e8f
```
#484e8f rgb(72,78,143)
```
#66488f
```
#66488f rgb(102,72,143)
```

Analogous Color

#728f48
```
#728f48 rgb(114,143,72)
```
#484e8f
```
#484e8f rgb(72,78,143)
```
#8f6648
```
#8f6648 rgb(143,102,72)
```

Split Complementary Color

#4e8f48
```
#4e8f48 rgb(78,143,72)
```
#484e8f
```
#484e8f rgb(72,78,143)
```
#8f484e
```
#8f484e rgb(143,72,78)
```

Triadic Color

#488f89
```
#488f89 rgb(72,143,137)
```
#484e8f
```
#484e8f rgb(72,78,143)
```
#8f484e
```
#8f484e rgb(143,72,78)
```
#8f8948
```
#8f8948 rgb(143,137,72)
```

Tetradic Color

#2e325c
```
#2e325c rgb(46,50,92)
```
#373b6d
```
#373b6d rgb(55,59,109)
```
#3f457e
```
#3f457e rgb(63,69,126)
```
#484e8f
```
#484e8f rgb(72,78,143)
```
#5157a0
```
#5157a0 rgb(81,87,160)
```
#5d64ad
```
#5d64ad rgb(93,100,173)
```
#6e74b6
```
#6e74b6 rgb(110,116,182)
```

Monochromatic Color

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

#48608f
```
#48608f rgb(72,96,143)
```
#485a8f
```
#485a8f rgb(72,90,143)
```
#48548f
```
#48548f rgb(72,84,143)
```
#484e8f
```
#484e8f rgb(72,78,143)
```
#48488f
```
#48488f rgb(72,72,143)
```
#4e488f
```
#4e488f rgb(78,72,143)
```
#54488f
```
#54488f rgb(84,72,143)
```

Similar Colors

Text with hexadecimal color #484e8f

This text has a font color of #484e8f.

<span style="color:#484e8f;">Text here</span>

#484e8f background color

This paragraph has a background color of #484e8f.

<p style="background-color:#484e8f;">Content here</p>

#484e8f border color

This element has a border color of #484e8f.

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

CSS codes

.text {color:#484e8f;}

.background {background-color:#484e8f;}

.border {border:1px solid #484e8f;}

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

#06070d
```
#06070d rgb(6,7,13)
```
#0d0e1a
```
#0d0e1a rgb(13,14,26)
```
#131527
```
#131527 rgb(19,21,39)
```
#1a1c34
```
#1a1c34 rgb(26,28,52)
```
#212341
```
#212341 rgb(33,35,65)
```
#272a4e
```
#272a4e rgb(39,42,78)
```
#2e325b
```
#2e325b rgb(46,50,91)
```
#343968
```
#343968 rgb(52,57,104)
```
#3b4075
```
#3b4075 rgb(59,64,117)
```
#414782
```
#414782 rgb(65,71,130)
```
#484e8f
```
#484e8f rgb(72,78,143)
```
#4f559c
```
#4f559c rgb(79,85,156)
```
#555ca9
```
#555ca9 rgb(85,92,169)
```

Shade Color Variation

#6269b0
```
#6269b0 rgb(98,105,176)
```
#6f75b6
```
#6f75b6 rgb(111,117,182)
```
#7c82bd
```
#7c82bd rgb(124,130,189)
```
#898ec4
```
#898ec4 rgb(137,142,196)
```
#969bca
```
#969bca rgb(150,155,202)
```
#a3a7d1
```
#a3a7d1 rgb(163,167,209)
```
#b0b4d7
```
#b0b4d7 rgb(176,180,215)
```
#bdc0de
```
#bdc0de rgb(189,192,222)
```
#cacde4
```
#cacde4 rgb(202,205,228)
```
#d7d9eb
```
#d7d9eb rgb(215,217,235)
```
#e4e6f2
```
#e4e6f2 rgb(228,230,242)
```
#f1f2f8
```
#f1f2f8 rgb(241,242,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#69696e
```
#69696e rgb(105,105,110)
```
#616376
```
#616376 rgb(97,99,118)
```
#595c7e
```
#595c7e rgb(89,92,126)
```
#505587
```
#505587 rgb(80,85,135)
```
#484e8f
```
#484e8f rgb(72,78,143)
```
#404797
```
#404797 rgb(64,71,151)
```
#3740a0
```
#3740a0 rgb(55,64,160)
```
#2f39a8
```
#2f39a8 rgb(47,57,168)
```
#2733b0
```
#2733b0 rgb(39,51,176)
```
#1f2cb8
```
#1f2cb8 rgb(31,44,184)
```
#1625c1
```
#1625c1 rgb(22,37,193)
```
#0e1ec9
```
#0e1ec9 rgb(14,30,201)
```
#0617d1
```
#0617d1 rgb(6,23,209)
```

Tone Color Variation

Below, you can see how #484e8f 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

#545454 Achromatopsia 0.005% of the population
#525360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5a97 Protanopia 1% of men
#355d92 Deuteranopia 1% of men
#406168 Tritanopia 0.001% of the population

Trichromacy

#425694 Protanomaly 1% of men, 0.01% of women
#3c5791 Deuteranomaly 6% of men, 0.4% of women
#435a76 Tritanomaly 0.01% of the population

#484e8f hex color

#484e8f Color Information

#484e8f Color Conversion

Color Schemes with #484e8f

Alternatives to #484e8f

#484e8f Preview

Shades and Tints of #484e8f

Tones of #484e8f

Color Blindness Simulator