#5045f6 hex color

In a RGB color space, hex #5045f6 is composed of 31.4% red, 27.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 72% magenta, 0% yellow and 3.5% black. It has a hue angle of 243.7 degrees, a saturation of 90.8% and a lightness of 61.8%. #5045f6 color hex could be obtained by blending #a08aff with #0000ed. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 27
- B 96
RGB color chart
- C 67
- M 72
- Y 0
- K 4
CMYK color chart

● #5045f6 color description : Bright blue.

The hexadecimal color #5045f6 has RGB values of R:80, G:69, B:246 and CMYK values of C:0.67, M:0.72, Y:0, K:0.04. Its decimal value is 5260790.

Hex triplet	5045f6	`#5045f6`
RGB Decimal	80, 69, 246	`rgb(80,69,246)`
RGB Percent	31.4, 27.1, 96.5	`rgb(31.4%,27.1%,96.5%)`
CMYK	67, 72, 0, 4
HSL	243.7°, 90.8, 61.8	`hsl(243.7,90.8%,61.8%)`
HSV (or HSB)	243.7°, 72, 96.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.176, 56.549, -86.313
XYZ	22.068, 12.614, 88.456
xyY	0.179, 0.102, 12.614
CIE-LCH	42.176, 103.188, 303.231
CIE-LUV	42.176, -6.936, -126.192
Hunter-Lab	35.517, 48.753, -122.802
Binary	01010000, 01000101, 11110110

#5045f6
```
#5045f6 rgb(80,69,246)
```
#ebf645
```
#ebf645 rgb(235,246,69)
```

Complementary Color

#4593f6
```
#4593f6 rgb(69,147,246)
```
#5045f6
```
#5045f6 rgb(80,69,246)
```
#a945f6
```
#a945f6 rgb(169,69,246)
```

Analogous Color

#93f645
```
#93f645 rgb(147,246,69)
```
#5045f6
```
#5045f6 rgb(80,69,246)
```
#f6a945
```
#f6a945 rgb(246,169,69)
```

Split Complementary Color

#45f650
```
#45f650 rgb(69,246,80)
```
#5045f6
```
#5045f6 rgb(80,69,246)
```
#f65045
```
#f65045 rgb(246,80,69)
```

Triadic Color

#45ebf6
```
#45ebf6 rgb(69,235,246)
```
#5045f6
```
#5045f6 rgb(80,69,246)
```
#f65045
```
#f65045 rgb(246,80,69)
```
#ebf645
```
#ebf645 rgb(235,246,69)
```

Tetradic Color

#180be3
```
#180be3 rgb(24,11,227)
```
#2214f4
```
#2214f4 rgb(34,20,244)
```
#392df5
```
#392df5 rgb(57,45,245)
```
#5045f6
```
#5045f6 rgb(80,69,246)
```
#675df7
```
#675df7 rgb(103,93,247)
```
#7e76f8
```
#7e76f8 rgb(126,118,248)
```
#958efa
```
#958efa rgb(149,142,250)
```

Monochromatic Color

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

#4566f6
```
#4566f6 rgb(69,102,246)
```
#4558f6
```
#4558f6 rgb(69,88,246)
```
#4549f6
```
#4549f6 rgb(69,73,246)
```
#5045f6
```
#5045f6 rgb(80,69,246)
```
#5f45f6
```
#5f45f6 rgb(95,69,246)
```
#6e45f6
```
#6e45f6 rgb(110,69,246)
```
#7c45f6
```
#7c45f6 rgb(124,69,246)
```

Similar Colors

Text with hexadecimal color #5045f6

This text has a font color of #5045f6.

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

#5045f6 background color

This paragraph has a background color of #5045f6.

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

#5045f6 border color

This element has a border color of #5045f6.

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

CSS codes

.text {color:#5045f6;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020114
```
#020114 rgb(2,1,20)
```
#040227
```
#040227 rgb(4,2,39)
```
#060339
```
#060339 rgb(6,3,57)
```
#08044c
```
#08044c rgb(8,4,76)
```
#0a055f
```
#0a055f rgb(10,5,95)
```
#0c0571
```
#0c0571 rgb(12,5,113)
```
#0e0684
```
#0e0684 rgb(14,6,132)
```
#100797
```
#100797 rgb(16,7,151)
```
#1208a9
```
#1208a9 rgb(18,8,169)
```
#1409bc
```
#1409bc rgb(20,9,188)
```
#160acf
```
#160acf rgb(22,10,207)
```
#180be2
```
#180be2 rgb(24,11,226)
```

Shade Color Variation

#1b0df3
```
#1b0df3 rgb(27,13,243)
```
#2d20f4
```
#2d20f4 rgb(45,32,244)
```
#3e32f5
```
#3e32f5 rgb(62,50,245)
```
#5045f6
```
#5045f6 rgb(80,69,246)
```
#6258f7
```
#6258f7 rgb(98,88,247)
```
#736af8
```
#736af8 rgb(115,106,248)
```
#857df9
```
#857df9 rgb(133,125,249)
```
#9690fa
```
#9690fa rgb(150,144,250)
```
#a8a3fb
```
#a8a3fb rgb(168,163,251)
```
#bab5fb
```
#bab5fb rgb(186,181,251)
```
#cbc8fc
```
#cbc8fc rgb(203,200,252)
```
#dddbfd
```
#dddbfd rgb(221,219,253)
```
#eeedfe
```
#eeedfe rgb(238,237,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9898a4 is the less saturated color, while #493efe is the most saturated one.

#9898a4
```
#9898a4 rgb(152,152,164)
```
#9290ab
```
#9290ab rgb(146,144,171)
```
#8b89b3
```
#8b89b3 rgb(139,137,179)
```
#8581ba
```
#8581ba rgb(133,129,186)
```
#7e7ac2
```
#7e7ac2 rgb(126,122,194)
```
#7772c9
```
#7772c9 rgb(119,114,201)
```
#716bd1
```
#716bd1 rgb(113,107,209)
```
#6a63d8
```
#6a63d8 rgb(106,99,216)
```
#645ce0
```
#645ce0 rgb(100,92,224)
```
#5d54e7
```
#5d54e7 rgb(93,84,231)
```
#574def
```
#574def rgb(87,77,239)
```
#5045f6
```
#5045f6 rgb(80,69,246)
```
#493efe
```
#493efe rgb(73,62,254)
```

Tone Color Variation

Below, you can see how #5045f6 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
#5a577b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1d5bda Protanomaly 1% of men, 0.01% of women
#1d5fc9 Deuteranomaly 6% of men, 0.4% of women
#1d64a9 Tritanomaly 0.01% of the population

#5045f6 hex color

#5045f6 Color Information

#5045f6 Color Conversion

Color Schemes with #5045f6

Alternatives to #5045f6

#5045f6 Preview

Shades and Tints of #5045f6

Tones of #5045f6

Color Blindness Simulator