#484af0 hex color

In a RGB color space, hex #484af0 is composed of 28.2% red, 29% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 69.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 239.3 degrees, a saturation of 84.8% and a lightness of 61.2%. #484af0 color hex could be obtained by blending #9094ff with #0000e1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 28
- G 29
- B 94
RGB color chart
- C 70
- M 69
- Y 0
- K 6
CMYK color chart

● #484af0 color description : Bright blue.

The hexadecimal color #484af0 has RGB values of R:72, G:74, B:240 and CMYK values of C:0.7, M:0.69, Y:0, K:0.06. Its decimal value is 4737776.

Hex triplet	484af0	`#484af0`
RGB Decimal	72, 74, 240	`rgb(72,74,240)`
RGB Percent	28.2, 29, 94.1	`rgb(28.2%,29%,94.1%)`
CMYK	70, 69, 0, 6
HSL	239.3°, 84.8, 61.2	`hsl(239.3,84.8%,61.2%)`
HSV (or HSB)	239.3°, 70, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.101, 51.097, -83.081
XYZ	20.846, 12.565, 83.76
xyY	0.178, 0.107, 12.565
CIE-LCH	42.101, 97.536, 301.593
CIE-LUV	42.101, -9.198, -121.95
Hunter-Lab	35.448, 42.94, -115.284
Binary	01001000, 01001010, 11110000

#484af0
```
#484af0 rgb(72,74,240)
```
#f0ee48
```
#f0ee48 rgb(240,238,72)
```

Complementary Color

#489ef0
```
#489ef0 rgb(72,158,240)
```
#484af0
```
#484af0 rgb(72,74,240)
```
#9a48f0
```
#9a48f0 rgb(154,72,240)
```

Analogous Color

#9ef048
```
#9ef048 rgb(158,240,72)
```
#484af0
```
#484af0 rgb(72,74,240)
```
#f09a48
```
#f09a48 rgb(240,154,72)
```

Split Complementary Color

#4af048
```
#4af048 rgb(74,240,72)
```
#484af0
```
#484af0 rgb(72,74,240)
```
#f0484a
```
#f0484a rgb(240,72,74)
```

Triadic Color

#48f0ee
```
#48f0ee rgb(72,240,238)
```
#484af0
```
#484af0 rgb(72,74,240)
```
#f0484a
```
#f0484a rgb(240,72,74)
```
#f0ee48
```
#f0ee48 rgb(240,238,72)
```

Tetradic Color

#1214da
```
#1214da rgb(18,20,218)
```
#191bec
```
#191bec rgb(25,27,236)
```
#3033ee
```
#3033ee rgb(48,51,238)
```
#484af0
```
#484af0 rgb(72,74,240)
```
#6061f2
```
#6061f2 rgb(96,97,242)
```
#7779f4
```
#7779f4 rgb(119,121,244)
```
#8f90f6
```
#8f90f6 rgb(143,144,246)
```

Monochromatic Color

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

#4874f0
```
#4874f0 rgb(72,116,240)
```
#4866f0
```
#4866f0 rgb(72,102,240)
```
#4858f0
```
#4858f0 rgb(72,88,240)
```
#484af0
```
#484af0 rgb(72,74,240)
```
#5448f0
```
#5448f0 rgb(84,72,240)
```
#6248f0
```
#6248f0 rgb(98,72,240)
```
#7048f0
```
#7048f0 rgb(112,72,240)
```

Similar Colors

Text with hexadecimal color #484af0

This text has a font color of #484af0.

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

#484af0 background color

This paragraph has a background color of #484af0.

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

#484af0 border color

This element has a border color of #484af0.

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

CSS codes

.text {color:#484af0;}

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

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

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

#010210
```
#010210 rgb(1,2,16)
```
#030323
```
#030323 rgb(3,3,35)
```
#040535
```
#040535 rgb(4,5,53)
```
#060747
```
#060747 rgb(6,7,71)
```
#070859
```
#070859 rgb(7,8,89)
```
#090a6b
```
#090a6b rgb(9,10,107)
```
#0a0c7d
```
#0a0c7d rgb(10,12,125)
```
#0c0d8f
```
#0c0d8f rgb(12,13,143)
```
#0d0fa1
```
#0d0fa1 rgb(13,15,161)
```
#0f11b4
```
#0f11b4 rgb(15,17,180)
```
#1012c6
```
#1012c6 rgb(16,18,198)
```
#1214d8
```
#1214d8 rgb(18,20,216)
```
#1316ea
```
#1316ea rgb(19,22,234)
```

Shade Color Variation

#2426ed
```
#2426ed rgb(36,38,237)
```
#3638ef
```
#3638ef rgb(54,56,239)
```
#484af0
```
#484af0 rgb(72,74,240)
```
#5a5cf1
```
#5a5cf1 rgb(90,92,241)
```
#6c6ef3
```
#6c6ef3 rgb(108,110,243)
```
#7e80f4
```
#7e80f4 rgb(126,128,244)
```
#9192f6
```
#9192f6 rgb(145,146,246)
```
#a3a4f7
```
#a3a4f7 rgb(163,164,247)
```
#b5b6f9
```
#b5b6f9 rgb(181,182,249)
```
#c7c8fa
```
#c7c8fa rgb(199,200,250)
```
#d9d9fc
```
#d9d9fc rgb(217,217,252)
```
#ebebfd
```
#ebebfd rgb(235,235,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9c9c is the less saturated color, while #4043f8 is the most saturated one.

#9c9c9c
```
#9c9c9c rgb(156,156,156)
```
#9494a4
```
#9494a4 rgb(148,148,164)
```
#8d8dab
```
#8d8dab rgb(141,141,171)
```
#8585b3
```
#8585b3 rgb(133,133,179)
```
#7d7ebb
```
#7d7ebb rgb(125,126,187)
```
#7677c2
```
#7677c2 rgb(118,119,194)
```
#6e6fca
```
#6e6fca rgb(110,111,202)
```
#6668d2
```
#6668d2 rgb(102,104,210)
```
#5f60d9
```
#5f60d9 rgb(95,96,217)
```
#5759e1
```
#5759e1 rgb(87,89,225)
```
#5051e8
```
#5051e8 rgb(80,81,232)
```
#484af0
```
#484af0 rgb(72,74,240)
```
#4043f8
```
#4043f8 rgb(64,67,248)
```

Tone Color Variation

Below, you can see how #484af0 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
#58587a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#1a5dd8 Protanomaly 1% of men, 0.01% of women
#1a61c7 Deuteranomaly 6% of men, 0.4% of women
#1a66a6 Tritanomaly 0.01% of the population

#484af0 hex color

#484af0 Color Information

#484af0 Color Conversion

Color Schemes with #484af0

Alternatives to #484af0

#484af0 Preview

Shades and Tints of #484af0

Tones of #484af0

Color Blindness Simulator