colorhexa.com

#5066dc hex color

In a RGB color space, hex #5066dc is composed of 31.4% red, 40% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 53.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 230.6 degrees, a saturation of 66.7% and a lightness of 58.8%. #5066dc color hex could be obtained by blending #a0ccff with #0000b9. Closest websafe color is: #6666cc.

- R 31
- G 40
- B 86
RGB color chart
- C 64
- M 54
- Y 0
- K 14
CMYK color chart

● #5066dc color description : Soft blue.

The hexadecimal color #5066dc has RGB values of R:80, G:102, B:220 and CMYK values of C:0.64, M:0.54, Y:0, K:0.14. Its decimal value is 5269212.

Hex triplet	5066dc	`#5066dc`
RGB Decimal	80, 102, 220	`rgb(80,102,220)`
RGB Percent	31.4, 40, 86.3	`rgb(31.4%,40%,86.3%)`
CMYK	64, 54, 0, 14
HSL	230.6°, 66.7, 58.8	`hsl(230.6,66.7%,58.8%)`
HSV (or HSB)	230.6°, 63.6, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.462, 28.61, -63.001
XYZ	20.975, 16.374, 69.761
xyY	0.196, 0.153, 16.374
CIE-LCH	47.462, 69.193, 294.424
CIE-LUV	47.462, -13.285, -97.891
Hunter-Lab	40.465, 21.712, -73.889
Binary	01010000, 01100110, 11011100

#5066dc
```
#5066dc rgb(80,102,220)
```
#dcc650
```
#dcc650 rgb(220,198,80)
```

Complementary Color

#50acdc
```
#50acdc rgb(80,172,220)
```
#5066dc
```
#5066dc rgb(80,102,220)
```
#8050dc
```
#8050dc rgb(128,80,220)
```

Analogous Color

#acdc50
```
#acdc50 rgb(172,220,80)
```
#5066dc
```
#5066dc rgb(80,102,220)
```
#dc8050
```
#dc8050 rgb(220,128,80)
```

Split Complementary Color

#66dc50
```
#66dc50 rgb(102,220,80)
```
#5066dc
```
#5066dc rgb(80,102,220)
```
#dc5066
```
#dc5066 rgb(220,80,102)
```

Triadic Color

#50dcc6
```
#50dcc6 rgb(80,220,198)
```
#5066dc
```
#5066dc rgb(80,102,220)
```
#dc5066
```
#dc5066 rgb(220,80,102)
```
#dcc650
```
#dcc650 rgb(220,198,80)
```

Tetradic Color

#253dba
```
#253dba rgb(37,61,186)
```
#2a44d0
```
#2a44d0 rgb(42,68,208)
```
#3b53d8
```
#3b53d8 rgb(59,83,216)
```
#5066dc
```
#5066dc rgb(80,102,220)
```
#6579e0
```
#6579e0 rgb(101,121,224)
```
#7b8be5
```
#7b8be5 rgb(123,139,229)
```
#909ee9
```
#909ee9 rgb(144,158,233)
```

Monochromatic Color

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

#5089dc
```
#5089dc rgb(80,137,220)
```
#507ddc
```
#507ddc rgb(80,125,220)
```
#5072dc
```
#5072dc rgb(80,114,220)
```
#5066dc
```
#5066dc rgb(80,102,220)
```
#505adc
```
#505adc rgb(80,90,220)
```
#5150dc
```
#5150dc rgb(81,80,220)
```
#5d50dc
```
#5d50dc rgb(93,80,220)
```

Similar Colors

Text with hexadecimal color #5066dc

This text has a font color of #5066dc.

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

#5066dc background color

This paragraph has a background color of #5066dc.

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

#5066dc border color

This element has a border color of #5066dc.

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

CSS codes

.text {color:#5066dc;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#040715
```
#040715 rgb(4,7,21)
```
#080c26
```
#080c26 rgb(8,12,38)
```
#0b1236
```
#0b1236 rgb(11,18,54)
```
#0e1746
```
#0e1746 rgb(14,23,70)
```
#111c57
```
#111c57 rgb(17,28,87)
```
#152267
```
#152267 rgb(21,34,103)
```
#182777
```
#182777 rgb(24,39,119)
```
#1b2c88
```
#1b2c88 rgb(27,44,136)
```
#1e3198
```
#1e3198 rgb(30,49,152)
```
#2237a8
```
#2237a8 rgb(34,55,168)
```
#253cb9
```
#253cb9 rgb(37,60,185)
```
#2841c9
```
#2841c9 rgb(40,65,201)
```

Shade Color Variation

#2f49d5
```
#2f49d5 rgb(47,73,213)
```
#4058d9
```
#4058d9 rgb(64,88,217)
```
#5066dc
```
#5066dc rgb(80,102,220)
```
#6074df
```
#6074df rgb(96,116,223)
```
#7183e3
```
#7183e3 rgb(113,131,227)
```
#8191e6
```
#8191e6 rgb(129,145,230)
```
#919fe9
```
#919fe9 rgb(145,159,233)
```
#a2adec
```
#a2adec rgb(162,173,236)
```
#b2bcf0
```
#b2bcf0 rgb(178,188,240)
```
#c2caf3
```
#c2caf3 rgb(194,202,243)
```
#d3d8f6
```
#d3d8f6 rgb(211,216,246)
```
#e3e7f9
```
#e3e7f9 rgb(227,231,249)
```
#f3f5fd
```
#f3f5fd rgb(243,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91929b is the less saturated color, while #3050fc is the most saturated one.

#91929b
```
#91929b rgb(145,146,155)
```
#898da3
```
#898da3 rgb(137,141,163)
```
#8087ac
```
#8087ac rgb(128,135,172)
```
#7882b4
```
#7882b4 rgb(120,130,180)
```
#707cbc
```
#707cbc rgb(112,124,188)
```
#6877c4
```
#6877c4 rgb(104,119,196)
```
#6071cc
```
#6071cc rgb(96,113,204)
```
#586cd4
```
#586cd4 rgb(88,108,212)
```
#5066dc
```
#5066dc rgb(80,102,220)
```
#4860e4
```
#4860e4 rgb(72,96,228)
```
#405bec
```
#405bec rgb(64,91,236)
```
#3855f4
```
#3855f4 rgb(56,85,244)
```
#3050fc
```
#3050fc rgb(48,80,252)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#676c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1074e3 Protanopia 1% of men
#007ac9 Deuteranopia 1% of men
#00838d Tritanopia 0.001% of the population

Trichromacy

#276fe0 Protanomaly 1% of men, 0.01% of women
#1d72d0 Deuteranomaly 6% of men, 0.4% of women
#1d78a9 Tritanomaly 0.01% of the population