#4048b4 hex color

In a RGB color space, hex #4048b4 is composed of 25.1% red, 28.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 60% magenta, 0% yellow and 29.4% black. It has a hue angle of 235.9 degrees, a saturation of 47.5% and a lightness of 47.8%. #4048b4 color hex could be obtained by blending #8090ff with #000069. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 28
- B 71
RGB color chart
- C 64
- M 60
- Y 0
- K 29
CMYK color chart

● #4048b4 color description : Moderate blue.

The hexadecimal color #4048b4 has RGB values of R:64, G:72, B:180 and CMYK values of C:0.64, M:0.6, Y:0, K:0.29. Its decimal value is 4212916.

Hex triplet	4048b4	`#4048b4`
RGB Decimal	64, 72, 180	`rgb(64,72,180)`
RGB Percent	25.1, 28.2, 70.6	`rgb(25.1%,28.2%,70.6%)`
CMYK	64, 60, 0, 29
HSL	235.9°, 47.5, 47.8	`hsl(235.9,47.5%,47.8%)`
HSV (or HSB)	235.9°, 64.4, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.022, 31.174, -58.452
XYZ	12.668, 9.019, 44.251
xyY	0.192, 0.137, 9.019
CIE-LCH	36.022, 66.245, 298.073
CIE-LUV	36.022, -8.112, -83.898
Hunter-Lab	30.032, 22.739, -66.338
Binary	01000000, 01001000, 10110100

#4048b4
```
#4048b4 rgb(64,72,180)
```
#b4ac40
```
#b4ac40 rgb(180,172,64)
```

Complementary Color

#4082b4
```
#4082b4 rgb(64,130,180)
```
#4048b4
```
#4048b4 rgb(64,72,180)
```
#7240b4
```
#7240b4 rgb(114,64,180)
```

Analogous Color

#82b440
```
#82b440 rgb(130,180,64)
```
#4048b4
```
#4048b4 rgb(64,72,180)
```
#b47240
```
#b47240 rgb(180,114,64)
```

Split Complementary Color

#48b440
```
#48b440 rgb(72,180,64)
```
#4048b4
```
#4048b4 rgb(64,72,180)
```
#b44048
```
#b44048 rgb(180,64,72)
```

Triadic Color

#40b4ac
```
#40b4ac rgb(64,180,172)
```
#4048b4
```
#4048b4 rgb(64,72,180)
```
#b44048
```
#b44048 rgb(180,64,72)
```
#b4ac40
```
#b4ac40 rgb(180,172,64)
```

Tetradic Color

#2c317c
```
#2c317c rgb(44,49,124)
```
#33398e
```
#33398e rgb(51,57,142)
```
#3940a1
```
#3940a1 rgb(57,64,161)
```
#4048b4
```
#4048b4 rgb(64,72,180)
```
#4e55c0
```
#4e55c0 rgb(78,85,192)
```
#6067c7
```
#6067c7 rgb(96,103,199)
```
#7379cd
```
#7379cd rgb(115,121,205)
```

Monochromatic Color

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

#4065b4
```
#4065b4 rgb(64,101,180)
```
#405bb4
```
#405bb4 rgb(64,91,180)
```
#4052b4
```
#4052b4 rgb(64,82,180)
```
#4048b4
```
#4048b4 rgb(64,72,180)
```
#4240b4
```
#4240b4 rgb(66,64,180)
```
#4b40b4
```
#4b40b4 rgb(75,64,180)
```
#5540b4
```
#5540b4 rgb(85,64,180)
```

Similar Colors

Text with hexadecimal color #4048b4

This text has a font color of #4048b4.

<span style="color:#4048b4;">Text here</span>

#4048b4 background color

This paragraph has a background color of #4048b4.

<p style="background-color:#4048b4;">Content here</p>

#4048b4 border color

This element has a border color of #4048b4.

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

CSS codes

.text {color:#4048b4;}

.background {background-color:#4048b4;}

.border {border:1px solid #4048b4;}

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

#020306
```
#020306 rgb(2,3,6)
```
#070815
```
#070815 rgb(7,8,21)
```
#0d0e23
```
#0d0e23 rgb(13,14,35)
```
#121432
```
#121432 rgb(18,20,50)
```
#171a40
```
#171a40 rgb(23,26,64)
```
#1c1f4f
```
#1c1f4f rgb(28,31,79)
```
#21255d
```
#21255d rgb(33,37,93)
```
#262b6c
```
#262b6c rgb(38,43,108)
```
#2b317a
```
#2b317a rgb(43,49,122)
```
#313789
```
#313789 rgb(49,55,137)
```
#363c97
```
#363c97 rgb(54,60,151)
```
#3b42a6
```
#3b42a6 rgb(59,66,166)
```
#4048b4
```
#4048b4 rgb(64,72,180)
```

Shade Color Variation

#4951be
```
#4951be rgb(73,81,190)
```
#585fc4
```
#585fc4 rgb(88,95,196)
```
#666dc9
```
#666dc9 rgb(102,109,201)
```
#757bce
```
#757bce rgb(117,123,206)
```
#8389d3
```
#8389d3 rgb(131,137,211)
```
#9296d8
```
#9296d8 rgb(146,150,216)
```
#a0a4dd
```
#a0a4dd rgb(160,164,221)
```
#afb2e2
```
#afb2e2 rgb(175,178,226)
```
#bdc0e8
```
#bdc0e8 rgb(189,192,232)
```
#cbceed
```
#cbceed rgb(203,206,237)
```
#dadcf2
```
#dadcf2 rgb(218,220,242)
```
#e8e9f7
```
#e8e9f7 rgb(232,233,247)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#78797c
```
#78797c rgb(120,121,124)
```
#6f7085
```
#6f7085 rgb(111,112,133)
```
#66688e
```
#66688e rgb(102,104,142)
```
#5c6098
```
#5c6098 rgb(92,96,152)
```
#5358a1
```
#5358a1 rgb(83,88,161)
```
#4950ab
```
#4950ab rgb(73,80,171)
```
#4048b4
```
#4048b4 rgb(64,72,180)
```
#3740bd
```
#3740bd rgb(55,64,189)
```
#2d38c7
```
#2d38c7 rgb(45,56,199)
```
#2430d0
```
#2430d0 rgb(36,48,208)
```
#1a28da
```
#1a28da rgb(26,40,218)
```
#1120e3
```
#1120e3 rgb(17,32,227)
```
#0817ec
```
#0817ec rgb(8,23,236)
```

Tone Color Variation

Below, you can see how #4048b4 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

#525252 Achromatopsia 0.005% of the population
#4e5066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#005f9b Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#1753b2 Protanomaly 1% of men, 0.01% of women
#1757a4 Deuteranomaly 6% of men, 0.4% of women
#175b87 Tritanomaly 0.01% of the population

#4048b4 hex color

#4048b4 Color Information

#4048b4 Color Conversion

Color Schemes with #4048b4

Alternatives to #4048b4

#4048b4 Preview

Shades and Tints of #4048b4

Tones of #4048b4

Color Blindness Simulator