#5045fd hex color

In a RGB color space, hex #5045fd is composed of 31.4% red, 27.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 72.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 243.6 degrees, a saturation of 97.9% and a lightness of 63.1%. #5045fd color hex could be obtained by blending #a08aff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 27
- B 99
RGB color chart
- C 68
- M 73
- Y 0
- K 1
CMYK color chart

● #5045fd color description : Bright blue.

The hexadecimal color #5045fd has RGB values of R:80, G:69, B:253 and CMYK values of C:0.68, M:0.73, Y:0, K:0.01. Its decimal value is 5260797.

Hex triplet	5045fd	`#5045fd`
RGB Decimal	80, 69, 253	`rgb(80,69,253)`
RGB Percent	31.4, 27.1, 99.2	`rgb(31.4%,27.1%,99.2%)`
CMYK	68, 73, 0, 1
HSL	243.6°, 97.9, 63.1	`hsl(243.6,97.9%,63.1%)`
HSV (or HSB)	243.6°, 72.7, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.842, 58.681, -89.135
XYZ	23.163, 13.052, 94.222
xyY	0.178, 0.1, 13.052
CIE-LCH	42.842, 106.717, 303.358
CIE-LUV	42.842, -7.316, -130.409
Hunter-Lab	36.128, 51.217, -129.339
Binary	01010000, 01000101, 11111101

#5045fd
```
#5045fd rgb(80,69,253)
```
#f2fd45
```
#f2fd45 rgb(242,253,69)
```

Complementary Color

#4596fd
```
#4596fd rgb(69,150,253)
```
#5045fd
```
#5045fd rgb(80,69,253)
```
#ac45fd
```
#ac45fd rgb(172,69,253)
```

Analogous Color

#96fd45
```
#96fd45 rgb(150,253,69)
```
#5045fd
```
#5045fd rgb(80,69,253)
```
#fdac45
```
#fdac45 rgb(253,172,69)
```

Split Complementary Color

#45fd50
```
#45fd50 rgb(69,253,80)
```
#5045fd
```
#5045fd rgb(80,69,253)
```
#fd5045
```
#fd5045 rgb(253,80,69)
```

Triadic Color

#45f2fd
```
#45f2fd rgb(69,242,253)
```
#5045fd
```
#5045fd rgb(80,69,253)
```
#fd5045
```
#fd5045 rgb(253,80,69)
```
#f2fd45
```
#f2fd45 rgb(242,253,69)
```

Tetradic Color

#1103f3
```
#1103f3 rgb(17,3,243)
```
#2113fc
```
#2113fc rgb(33,19,252)
```
#382cfd
```
#382cfd rgb(56,44,253)
```
#5045fd
```
#5045fd rgb(80,69,253)
```
#685efd
```
#685efd rgb(104,94,253)
```
#7f77fe
```
#7f77fe rgb(127,119,254)
```
#9791fe
```
#9791fe rgb(151,145,254)
```

Monochromatic Color

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

#4568fd
```
#4568fd rgb(69,104,253)
```
#4559fd
```
#4559fd rgb(69,89,253)
```
#4549fd
```
#4549fd rgb(69,73,253)
```
#5045fd
```
#5045fd rgb(80,69,253)
```
#5f45fd
```
#5f45fd rgb(95,69,253)
```
#6f45fd
```
#6f45fd rgb(111,69,253)
```
#7e45fd
```
#7e45fd rgb(126,69,253)
```

Similar Colors

Text with hexadecimal color #5045fd

This text has a font color of #5045fd.

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

#5045fd background color

This paragraph has a background color of #5045fd.

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

#5045fd border color

This element has a border color of #5045fd.

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

CSS codes

.text {color:#5045fd;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#02001b
```
#02001b rgb(2,0,27)
```
#03012f
```
#03012f rgb(3,1,47)
```
#050142
```
#050142 rgb(5,1,66)
```
#060156
```
#060156 rgb(6,1,86)
```
#070169
```
#070169 rgb(7,1,105)
```
#09017d
```
#09017d rgb(9,1,125)
```
#0a0290
```
#0a0290 rgb(10,2,144)
```
#0b02a3
```
#0b02a3 rgb(11,2,163)
```
#0d02b7
```
#0d02b7 rgb(13,2,183)
```
#0e02ca
```
#0e02ca rgb(14,2,202)
```
#0f02de
```
#0f02de rgb(15,2,222)
```
#1103f1
```
#1103f1 rgb(17,3,241)
```

Shade Color Variation

#190bfc
```
#190bfc rgb(25,11,252)
```
#2b1efd
```
#2b1efd rgb(43,30,253)
```
#3e32fd
```
#3e32fd rgb(62,50,253)
```
#5045fd
```
#5045fd rgb(80,69,253)
```
#6258fd
```
#6258fd rgb(98,88,253)
```
#756cfd
```
#756cfd rgb(117,108,253)
```
#877ffe
```
#877ffe rgb(135,127,254)
```
#9993fe
```
#9993fe rgb(153,147,254)
```
#aba6fe
```
#aba6fe rgb(171,166,254)
```
#beb9fe
```
#beb9fe rgb(190,185,254)
```
#d0cdfe
```
#d0cdfe rgb(208,205,254)
```
#e2e0ff
```
#e2e0ff rgb(226,224,255)
```
#f4f4ff
```
#f4f4ff rgb(244,244,255)
```

Tint Color Variation

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

#9c9ca6
```
#9c9ca6 rgb(156,156,166)
```
#9695ad
```
#9695ad rgb(150,149,173)
```
#908db5
```
#908db5 rgb(144,141,181)
```
#8986bc
```
#8986bc rgb(137,134,188)
```
#837fc3
```
#837fc3 rgb(131,127,195)
```
#7d78ca
```
#7d78ca rgb(125,120,202)
```
#7670d2
```
#7670d2 rgb(118,112,210)
```
#7069d9
```
#7069d9 rgb(112,105,217)
```
#6962e0
```
#6962e0 rgb(105,98,224)
```
#635be7
```
#635be7 rgb(99,91,231)
```
#5d53ef
```
#5d53ef rgb(93,83,239)
```
#564cf6
```
#564cf6 rgb(86,76,246)
```
#5045fd
```
#5045fd rgb(80,69,253)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5a587d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1d5cdf Protanomaly 1% of men, 0.01% of women
#1d60cd Deuteranomaly 6% of men, 0.4% of women
#1d65ac Tritanomaly 0.01% of the population

#5045fd hex color

#5045fd Color Information

#5045fd Color Conversion

Color Schemes with #5045fd

Alternatives to #5045fd

#5045fd Preview

Shades and Tints of #5045fd

Tones of #5045fd

Color Blindness Simulator