#4048fd hex color

In a RGB color space, hex #4048fd is composed of 25.1% red, 28.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 71.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 237.5 degrees, a saturation of 97.9% and a lightness of 62.2%. #4048fd color hex could be obtained by blending #8090ff with #0000fb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 28
- B 99
RGB color chart
- C 75
- M 72
- Y 0
- K 1
CMYK color chart

● #4048fd color description : Bright blue.

The hexadecimal color #4048fd has RGB values of R:64, G:72, B:253 and CMYK values of C:0.75, M:0.72, Y:0, K:0.01. Its decimal value is 4212989.

Hex triplet	4048fd	`#4048fd`
RGB Decimal	64, 72, 253	`rgb(64,72,253)`
RGB Percent	25.1, 28.2, 99.2	`rgb(25.1%,28.2%,99.2%)`
CMYK	75, 72, 0, 1
HSL	237.5°, 97.9, 62.2	`hsl(237.5,97.9%,62.2%)`
HSV (or HSB)	237.5°, 74.7, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.483, 55.644, -89.759
XYZ	22.158, 12.815, 94.229
xyY	0.171, 0.099, 12.815
CIE-LCH	42.483, 105.607, 301.796
CIE-LUV	42.483, -10.788, -130.507
Hunter-Lab	35.798, 47.838, -131.006
Binary	01000000, 01001000, 11111101

#4048fd
```
#4048fd rgb(64,72,253)
```
#fdf540
```
#fdf540 rgb(253,245,64)
```

Complementary Color

#40a7fd
```
#40a7fd rgb(64,167,253)
```
#4048fd
```
#4048fd rgb(64,72,253)
```
#9740fd
```
#9740fd rgb(151,64,253)
```

Analogous Color

#a7fd40
```
#a7fd40 rgb(167,253,64)
```
#4048fd
```
#4048fd rgb(64,72,253)
```
#fd9740
```
#fd9740 rgb(253,151,64)
```

Split Complementary Color

#48fd40
```
#48fd40 rgb(72,253,64)
```
#4048fd
```
#4048fd rgb(64,72,253)
```
#fd4048
```
#fd4048 rgb(253,64,72)
```

Triadic Color

#40fdf5
```
#40fdf5 rgb(64,253,245)
```
#4048fd
```
#4048fd rgb(64,72,253)
```
#fd4048
```
#fd4048 rgb(253,64,72)
```
#fdf540
```
#fdf540 rgb(253,245,64)
```

Tetradic Color

#020cee
```
#020cee rgb(2,12,238)
```
#0e18fc
```
#0e18fc rgb(14,24,252)
```
#2730fd
```
#2730fd rgb(39,48,253)
```
#4048fd
```
#4048fd rgb(64,72,253)
```
#5960fd
```
#5960fd rgb(89,96,253)
```
#7278fe
```
#7278fe rgb(114,120,254)
```
#8c91fe
```
#8c91fe rgb(140,145,254)
```

Monochromatic Color

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

#4077fd
```
#4077fd rgb(64,119,253)
```
#4068fd
```
#4068fd rgb(64,104,253)
```
#4058fd
```
#4058fd rgb(64,88,253)
```
#4048fd
```
#4048fd rgb(64,72,253)
```
#4840fd
```
#4840fd rgb(72,64,253)
```
#5840fd
```
#5840fd rgb(88,64,253)
```
#6740fd
```
#6740fd rgb(103,64,253)
```

Similar Colors

Text with hexadecimal color #4048fd

This text has a font color of #4048fd.

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

#4048fd background color

This paragraph has a background color of #4048fd.

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

#4048fd border color

This element has a border color of #4048fd.

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

CSS codes

.text {color:#4048fd;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000117
```
#000117 rgb(0,1,23)
```
#00022a
```
#00022a rgb(0,2,42)
```
#01033d
```
#01033d rgb(1,3,61)
```
#010451
```
#010451 rgb(1,4,81)
```
#010564
```
#010564 rgb(1,5,100)
```
#010678
```
#010678 rgb(1,6,120)
```
#01078b
```
#01078b rgb(1,7,139)
```
#02089e
```
#02089e rgb(2,8,158)
```
#0209b2
```
#0209b2 rgb(2,9,178)
```
#020ac5
```
#020ac5 rgb(2,10,197)
```
#020bd9
```
#020bd9 rgb(2,11,217)
```
#020cec
```
#020cec rgb(2,12,236)
```

Shade Color Variation

#0610fc
```
#0610fc rgb(6,16,252)
```
#1923fd
```
#1923fd rgb(25,35,253)
```
#2d35fd
```
#2d35fd rgb(45,53,253)
```
#4048fd
```
#4048fd rgb(64,72,253)
```
#535bfd
```
#535bfd rgb(83,91,253)
```
#676dfd
```
#676dfd rgb(103,109,253)
```
#7a80fe
```
#7a80fe rgb(122,128,254)
```
#8e92fe
```
#8e92fe rgb(142,146,254)
```
#a1a5fe
```
#a1a5fe rgb(161,165,254)
```
#b4b8fe
```
#b4b8fe rgb(180,184,254)
```
#c8cafe
```
#c8cafe rgb(200,202,254)
```
#dbddff
```
#dbddff rgb(219,221,255)
```
#efefff
```
#efefff rgb(239,239,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999aa4 is the less saturated color, while #4048fd is the most saturated one.

#999aa4
```
#999aa4 rgb(153,154,164)
```
#9293ab
```
#9293ab rgb(146,147,171)
```
#8a8cb3
```
#8a8cb3 rgb(138,140,179)
```
#8385ba
```
#8385ba rgb(131,133,186)
```
#7b7ec2
```
#7b7ec2 rgb(123,126,194)
```
#7478c9
```
#7478c9 rgb(116,120,201)
```
#6d71d0
```
#6d71d0 rgb(109,113,208)
```
#656ad8
```
#656ad8 rgb(101,106,216)
```
#5e63df
```
#5e63df rgb(94,99,223)
```
#565ce7
```
#565ce7 rgb(86,92,231)
```
#4f56ee
```
#4f56ee rgb(79,86,238)
```
#474ff6
```
#474ff6 rgb(71,79,246)
```
#4048fd
```
#4048fd rgb(64,72,253)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#55567b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#175dde Protanomaly 1% of men, 0.01% of women
#1761cc Deuteranomaly 6% of men, 0.4% of women
#1765ab Tritanomaly 0.01% of the population

#4048fd hex color

#4048fd Color Information

#4048fd Color Conversion

Color Schemes with #4048fd

Alternatives to #4048fd

#4048fd Preview

Shades and Tints of #4048fd

Tones of #4048fd

Color Blindness Simulator