#5066fd hex color

In a RGB color space, hex #5066fd is composed of 31.4% red, 40% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 59.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 232.4 degrees, a saturation of 97.7% and a lightness of 65.3%. #5066fd color hex could be obtained by blending #a0ccff with #0000fb. Closest websafe color is: #6666ff.

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

● #5066fd color description : Soft blue.

The hexadecimal color #5066fd has RGB values of R:80, G:102, B:253 and CMYK values of C:0.68, M:0.6, Y:0, K:0.01. Its decimal value is 5269245.

Hex triplet	5066fd	`#5066fd`
RGB Decimal	80, 102, 253	`rgb(80,102,253)`
RGB Percent	31.4, 40, 99.2	`rgb(31.4%,40%,99.2%)`
CMYK	68, 60, 0, 1
HSL	232.4°, 97.7, 65.3	`hsl(232.4,97.7%,65.3%)`
HSV (or HSB)	232.4°, 68.4, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.856, 39.817, -77.63
XYZ	25.786, 18.299, 95.096
xyY	0.185, 0.131, 18.299
CIE-LCH	49.856, 87.246, 297.154
CIE-LUV	49.856, -14.061, -121.256
Hunter-Lab	42.777, 32.74, -101.863
Binary	01010000, 01100110, 11111101

#5066fd
```
#5066fd rgb(80,102,253)
```
#fde750
```
#fde750 rgb(253,231,80)
```

Complementary Color

#50bdfd
```
#50bdfd rgb(80,189,253)
```
#5066fd
```
#5066fd rgb(80,102,253)
```
#9150fd
```
#9150fd rgb(145,80,253)
```

Analogous Color

#bdfd50
```
#bdfd50 rgb(189,253,80)
```
#5066fd
```
#5066fd rgb(80,102,253)
```
#fd9150
```
#fd9150 rgb(253,145,80)
```

Split Complementary Color

#66fd50
```
#66fd50 rgb(102,253,80)
```
#5066fd
```
#5066fd rgb(80,102,253)
```
#fd5066
```
#fd5066 rgb(253,80,102)
```

Triadic Color

#50fde7
```
#50fde7 rgb(80,253,231)
```
#5066fd
```
#5066fd rgb(80,102,253)
```
#fd5066
```
#fd5066 rgb(253,80,102)
```
#fde750
```
#fde750 rgb(253,231,80)
```

Tetradic Color

#0424fc
```
#0424fc rgb(4,36,252)
```
#1e3afc
```
#1e3afc rgb(30,58,252)
```
#3750fd
```
#3750fd rgb(55,80,253)
```
#5066fd
```
#5066fd rgb(80,102,253)
```
#697cfd
```
#697cfd rgb(105,124,253)
```
#8292fe
```
#8292fe rgb(130,146,254)
```
#9ca8fe
```
#9ca8fe rgb(156,168,254)
```

Monochromatic Color

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

#5091fd
```
#5091fd rgb(80,145,253)
```
#5083fd
```
#5083fd rgb(80,131,253)
```
#5074fd
```
#5074fd rgb(80,116,253)
```
#5066fd
```
#5066fd rgb(80,102,253)
```
#5058fd
```
#5058fd rgb(80,88,253)
```
#5750fd
```
#5750fd rgb(87,80,253)
```
#6550fd
```
#6550fd rgb(101,80,253)
```

Similar Colors

Text with hexadecimal color #5066fd

This text has a font color of #5066fd.

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

#5066fd background color

This paragraph has a background color of #5066fd.

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

#5066fd border color

This element has a border color of #5066fd.

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

CSS codes

.text {color:#5066fd;}

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

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

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

#000313
```
#000313 rgb(0,3,19)
```
#000526
```
#000526 rgb(0,5,38)
```
#01083a
```
#01083a rgb(1,8,58)
```
#010b4d
```
#010b4d rgb(1,11,77)
```
#010d61
```
#010d61 rgb(1,13,97)
```
#011074
```
#011074 rgb(1,16,116)
```
#021387
```
#021387 rgb(2,19,135)
```
#02159b
```
#02159b rgb(2,21,155)
```
#0218ae
```
#0218ae rgb(2,24,174)
```
#021bc1
```
#021bc1 rgb(2,27,193)
```
#021dd5
```
#021dd5 rgb(2,29,213)
```
#0320e8
```
#0320e8 rgb(3,32,232)
```
#0323fc
```
#0323fc rgb(3,35,252)
```

Shade Color Variation

#1633fc
```
#1633fc rgb(22,51,252)
```
#2944fd
```
#2944fd rgb(41,68,253)
```
#3d55fd
```
#3d55fd rgb(61,85,253)
```
#5066fd
```
#5066fd rgb(80,102,253)
```
#6377fd
```
#6377fd rgb(99,119,253)
```
#7788fd
```
#7788fd rgb(119,136,253)
```
#8a99fe
```
#8a99fe rgb(138,153,254)
```
#9eaafe
```
#9eaafe rgb(158,170,254)
```
#b1bbfe
```
#b1bbfe rgb(177,187,254)
```
#c4ccfe
```
#c4ccfe rgb(196,204,254)
```
#d8ddff
```
#d8ddff rgb(216,221,255)
```
#ebeeff
```
#ebeeff rgb(235,238,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a3ab
```
#a2a3ab rgb(162,163,171)
```
#9b9eb2
```
#9b9eb2 rgb(155,158,178)
```
#9499b9
```
#9499b9 rgb(148,153,185)
```
#8d94c0
```
#8d94c0 rgb(141,148,192)
```
#868fc7
```
#868fc7 rgb(134,143,199)
```
#808acd
```
#808acd rgb(128,138,205)
```
#7984d4
```
#7984d4 rgb(121,132,212)
```
#727fdb
```
#727fdb rgb(114,127,219)
```
#6b7ae2
```
#6b7ae2 rgb(107,122,226)
```
#6475e9
```
#6475e9 rgb(100,117,233)
```
#5e70ef
```
#5e70ef rgb(94,112,239)
```
#576bf6
```
#576bf6 rgb(87,107,246)
```
#5066fd
```
#5066fd rgb(80,102,253)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6a6f8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

#1d72f3 Protanomaly 1% of men, 0.01% of women
#1d76e0 Deuteranomaly 6% of men, 0.4% of women
#1d7cb9 Tritanomaly 0.01% of the population

#5066fd hex color

#5066fd Color Information

#5066fd Color Conversion

Color Schemes with #5066fd

Alternatives to #5066fd

#5066fd Preview

Shades and Tints of #5066fd

Tones of #5066fd

Color Blindness Simulator