#484caf hex color

In a RGB color space, hex #484caf is composed of 28.2% red, 29.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 56.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 237.7 degrees, a saturation of 41.7% and a lightness of 48.4%. #484caf color hex could be obtained by blending #9098ff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 28
- G 30
- B 69
RGB color chart
- C 59
- M 57
- Y 0
- K 31
CMYK color chart

● #484caf color description : Dark moderate blue.

The hexadecimal color #484caf has RGB values of R:72, G:76, B:175 and CMYK values of C:0.59, M:0.57, Y:0, K:0.31. Its decimal value is 4738223.

Hex triplet	484caf	`#484caf`
RGB Decimal	72, 76, 175	`rgb(72,76,175)`
RGB Percent	28.2, 29.8, 68.6	`rgb(28.2%,29.8%,68.6%)`
CMYK	59, 57, 0, 31
HSL	237.7°, 41.7, 48.4	`hsl(237.7,41.7%,48.4%)`
HSV (or HSB)	237.7°, 58.9, 68.6
Web Safe	333399	`#333399`

CIE-LAB	37.191, 28.301, -53.569
XYZ	12.993, 9.641, 41.731
xyY	0.202, 0.15, 9.641
CIE-LCH	37.191, 60.586, 297.848
CIE-LUV	37.191, -6.799, -78.089
Hunter-Lab	31.05, 20.357, -57.95
Binary	01001000, 01001100, 10101111

#484caf
```
#484caf rgb(72,76,175)
```
#afab48
```
#afab48 rgb(175,171,72)
```

Complementary Color

#4880af
```
#4880af rgb(72,128,175)
```
#484caf
```
#484caf rgb(72,76,175)
```
#7848af
```
#7848af rgb(120,72,175)
```

Analogous Color

#80af48
```
#80af48 rgb(128,175,72)
```
#484caf
```
#484caf rgb(72,76,175)
```
#af7848
```
#af7848 rgb(175,120,72)
```

Split Complementary Color

#4caf48
```
#4caf48 rgb(76,175,72)
```
#484caf
```
#484caf rgb(72,76,175)
```
#af484c
```
#af484c rgb(175,72,76)
```

Triadic Color

#48afab
```
#48afab rgb(72,175,171)
```
#484caf
```
#484caf rgb(72,76,175)
```
#af484c
```
#af484c rgb(175,72,76)
```
#afab48
```
#afab48 rgb(175,171,72)
```

Tetradic Color

#323479
```
#323479 rgb(50,52,121)
```
#393c8b
```
#393c8b rgb(57,60,139)
```
#41449d
```
#41449d rgb(65,68,157)
```
#484caf
```
#484caf rgb(72,76,175)
```
#575bba
```
#575bba rgb(87,91,186)
```
#696cc1
```
#696cc1 rgb(105,108,193)
```
#7b7ec9
```
#7b7ec9 rgb(123,126,201)
```

Monochromatic Color

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

#4866af
```
#4866af rgb(72,102,175)
```
#485daf
```
#485daf rgb(72,93,175)
```
#4855af
```
#4855af rgb(72,85,175)
```
#484caf
```
#484caf rgb(72,76,175)
```
#4d48af
```
#4d48af rgb(77,72,175)
```
#5548af
```
#5548af rgb(85,72,175)
```
#5e48af
```
#5e48af rgb(94,72,175)
```

Similar Colors

Text with hexadecimal color #484caf

This text has a font color of #484caf.

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

#484caf background color

This paragraph has a background color of #484caf.

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

#484caf border color

This element has a border color of #484caf.

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

CSS codes

.text {color:#484caf;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#090a16
```
#090a16 rgb(9,10,22)
```
#0f1024
```
#0f1024 rgb(15,16,36)
```
#151632
```
#151632 rgb(21,22,50)
```
#1a1c40
```
#1a1c40 rgb(26,28,64)
```
#20224e
```
#20224e rgb(32,34,78)
```
#26285c
```
#26285c rgb(38,40,92)
```
#2b2e6a
```
#2b2e6a rgb(43,46,106)
```
#313477
```
#313477 rgb(49,52,119)
```
#373a85
```
#373a85 rgb(55,58,133)
```
#3d4093
```
#3d4093 rgb(61,64,147)
```
#4246a1
```
#4246a1 rgb(66,70,161)
```
#484caf
```
#484caf rgb(72,76,175)
```

Shade Color Variation

#5357b8
```
#5357b8 rgb(83,87,184)
```
#6064be
```
#6064be rgb(96,100,190)
```
#6e72c3
```
#6e72c3 rgb(110,114,195)
```
#7c7fc9
```
#7c7fc9 rgb(124,127,201)
```
#8a8dcf
```
#8a8dcf rgb(138,141,207)
```
#989ad5
```
#989ad5 rgb(152,154,213)
```
#a6a8da
```
#a6a8da rgb(166,168,218)
```
#b4b6e0
```
#b4b6e0 rgb(180,182,224)
```
#c2c3e6
```
#c2c3e6 rgb(194,195,230)
```
#d0d1ec
```
#d0d1ec rgb(208,209,236)
```
#dedef1
```
#dedef1 rgb(222,222,241)
```
#ebecf7
```
#ebecf7 rgb(235,236,247)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787880 is the less saturated color, while #050ff2 is the most saturated one.

#787880
```
#787880 rgb(120,120,128)
```
#6e6f89
```
#6e6f89 rgb(110,111,137)
```
#656693
```
#656693 rgb(101,102,147)
```
#5b5e9c
```
#5b5e9c rgb(91,94,156)
```
#5255a6
```
#5255a6 rgb(82,85,166)
```
#484caf
```
#484caf rgb(72,76,175)
```
#3f43b9
```
#3f43b9 rgb(63,67,185)
```
#353ac2
```
#353ac2 rgb(53,58,194)
```
#2c32cc
```
#2c32cc rgb(44,50,204)
```
#2229d5
```
#2229d5 rgb(34,41,213)
```
#1920df
```
#1920df rgb(25,32,223)
```
#0f17e8
```
#0f17e8 rgb(15,23,232)
```
#050ff2
```
#050ff2 rgb(5,15,242)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#535468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#0062a1 Deuteranopia 1% of men
#2a686f Tritanopia 0.001% of the population

Trichromacy

#1a56b4 Protanomaly 1% of men, 0.01% of women
#1a5aa6 Deuteranomaly 6% of men, 0.4% of women
#355d86 Tritanomaly 0.01% of the population

#484caf hex color

#484caf Color Information

#484caf Color Conversion

Color Schemes with #484caf

Alternatives to #484caf

#484caf Preview

Shades and Tints of #484caf

Tones of #484caf

Color Blindness Simulator