#484ed8 hex color

In a RGB color space, hex #484ed8 is composed of 28.2% red, 30.6% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 63.9% magenta, 0% yellow and 15.3% black. It has a hue angle of 237.5 degrees, a saturation of 64.9% and a lightness of 56.5%. #484ed8 color hex could be obtained by blending #909cff with #0000b1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 31
- B 85
RGB color chart
- C 67
- M 64
- Y 0
- K 15
CMYK color chart

● #484ed8 color description : Moderate blue.

The hexadecimal color #484ed8 has RGB values of R:72, G:78, B:216 and CMYK values of C:0.67, M:0.64, Y:0, K:0.15. Its decimal value is 4738776.

Hex triplet	484ed8	`#484ed8`
RGB Decimal	72, 78, 216	`rgb(72,78,216)`
RGB Percent	28.2, 30.6, 84.7	`rgb(28.2%,30.6%,84.7%)`
CMYK	67, 64, 0, 15
HSL	237.5°, 64.9, 56.5	`hsl(237.5,64.9%,56.5%)`
HSV (or HSB)	237.5°, 66.7, 84.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.87, 40.877, -71.465
XYZ	17.789, 11.783, 66.299
xyY	0.186, 0.123, 11.783
CIE-LCH	40.87, 82.33, 299.769
CIE-LUV	40.87, -9.023, -105.617
Hunter-Lab	34.327, 32.431, -90.483
Binary	01001000, 01001110, 11011000

#484ed8
```
#484ed8 rgb(72,78,216)
```
#d8d248
```
#d8d248 rgb(216,210,72)
```

Complementary Color

#4896d8
```
#4896d8 rgb(72,150,216)
```
#484ed8
```
#484ed8 rgb(72,78,216)
```
#8a48d8
```
#8a48d8 rgb(138,72,216)
```

Analogous Color

#96d848
```
#96d848 rgb(150,216,72)
```
#484ed8
```
#484ed8 rgb(72,78,216)
```
#d88a48
```
#d88a48 rgb(216,138,72)
```

Split Complementary Color

#4ed848
```
#4ed848 rgb(78,216,72)
```
#484ed8
```
#484ed8 rgb(72,78,216)
```
#d8484e
```
#d8484e rgb(216,72,78)
```

Triadic Color

#48d8d2
```
#48d8d2 rgb(72,216,210)
```
#484ed8
```
#484ed8 rgb(72,78,216)
```
#d8484e
```
#d8484e rgb(216,72,78)
```
#d8d248
```
#d8d248 rgb(216,210,72)
```

Tetradic Color

#252bae
```
#252bae rgb(37,43,174)
```
#2a30c3
```
#2a30c3 rgb(42,48,195)
```
#333ad4
```
#333ad4 rgb(51,58,212)
```
#484ed8
```
#484ed8 rgb(72,78,216)
```
#5d62dc
```
#5d62dc rgb(93,98,220)
```
#7277e1
```
#7277e1 rgb(114,119,225)
```
#878be5
```
#878be5 rgb(135,139,229)
```

Monochromatic Color

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

#4872d8
```
#4872d8 rgb(72,114,216)
```
#4866d8
```
#4866d8 rgb(72,102,216)
```
#485ad8
```
#485ad8 rgb(72,90,216)
```
#484ed8
```
#484ed8 rgb(72,78,216)
```
#4e48d8
```
#4e48d8 rgb(78,72,216)
```
#5a48d8
```
#5a48d8 rgb(90,72,216)
```
#6648d8
```
#6648d8 rgb(102,72,216)
```

Similar Colors

Text with hexadecimal color #484ed8

This text has a font color of #484ed8.

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

#484ed8 background color

This paragraph has a background color of #484ed8.

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

#484ed8 border color

This element has a border color of #484ed8.

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

CSS codes

.text {color:#484ed8;}

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

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

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

#02030b
```
#02030b rgb(2,3,11)
```
#06071b
```
#06071b rgb(6,7,27)
```
#090b2b
```
#090b2b rgb(9,11,43)
```
#0d0f3c
```
#0d0f3c rgb(13,15,60)
```
#10134c
```
#10134c rgb(16,19,76)
```
#14175c
```
#14175c rgb(20,23,92)
```
#171b6c
```
#171b6c rgb(23,27,108)
```
#1a1f7c
```
#1a1f7c rgb(26,31,124)
```
#1e238c
```
#1e238c rgb(30,35,140)
```
#21269d
```
#21269d rgb(33,38,157)
```
#252aad
```
#252aad rgb(37,42,173)
```
#282ebd
```
#282ebd rgb(40,46,189)
```
#2c32cd
```
#2c32cd rgb(44,50,205)
```

Shade Color Variation

#383ed5
```
#383ed5 rgb(56,62,213)
```
#484ed8
```
#484ed8 rgb(72,78,216)
```
#585edb
```
#585edb rgb(88,94,219)
```
#686ddf
```
#686ddf rgb(104,109,223)
```
#797de2
```
#797de2 rgb(121,125,226)
```
#898de6
```
#898de6 rgb(137,141,230)
```
#999ce9
```
#999ce9 rgb(153,156,233)
```
#a9aced
```
#a9aced rgb(169,172,237)
```
#b9bbf0
```
#b9bbf0 rgb(185,187,240)
```
#c9cbf4
```
#c9cbf4 rgb(201,203,244)
```
#dadbf7
```
#dadbf7 rgb(218,219,247)
```
#eaeafa
```
#eaeafa rgb(234,234,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8d94 is the less saturated color, while #262ffa is the most saturated one.

#8c8d94
```
#8c8d94 rgb(140,141,148)
```
#84859c
```
#84859c rgb(132,133,156)
```
#7b7da5
```
#7b7da5 rgb(123,125,165)
```
#7375ad
```
#7375ad rgb(115,117,173)
```
#6a6db6
```
#6a6db6 rgb(106,109,182)
```
#6265be
```
#6265be rgb(98,101,190)
```
#595ec7
```
#595ec7 rgb(89,94,199)
```
#5156cf
```
#5156cf rgb(81,86,207)
```
#484ed8
```
#484ed8 rgb(72,78,216)
```
#3f46e1
```
#3f46e1 rgb(63,70,225)
```
#373ee9
```
#373ee9 rgb(55,62,233)
```
#2e37f2
```
#2e37f2 rgb(46,55,242)
```
#262ffa
```
#262ffa rgb(38,47,250)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#585975 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#1a5ccc Protanomaly 1% of men, 0.01% of women
#1a60bc Deuteranomaly 6% of men, 0.4% of women
#1a659c Tritanomaly 0.01% of the population

#484ed8 hex color

#484ed8 Color Information

#484ed8 Color Conversion

Color Schemes with #484ed8

Alternatives to #484ed8

#484ed8 Preview

Shades and Tints of #484ed8

Tones of #484ed8

Color Blindness Simulator