#5066dd hex color

In a RGB color space, hex #5066dd is composed of 31.4% red, 40% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 53.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 230.6 degrees, a saturation of 67.5% and a lightness of 59%. #5066dd color hex could be obtained by blending #a0ccff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 40
- B 87
RGB color chart
- C 64
- M 54
- Y 0
- K 13
CMYK color chart

● #5066dd color description : Soft blue.

The hexadecimal color #5066dd has RGB values of R:80, G:102, B:221 and CMYK values of C:0.64, M:0.54, Y:0, K:0.13. Its decimal value is 5269213.

Hex triplet	5066dd	`#5066dd`
RGB Decimal	80, 102, 221	`rgb(80,102,221)`
RGB Percent	31.4, 40, 86.7	`rgb(31.4%,40%,86.7%)`
CMYK	64, 54, 0, 13
HSL	230.6°, 67.5, 59	`hsl(230.6,67.5%,59%)`
HSV (or HSB)	230.6°, 63.8, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.53, 28.951, -63.457
XYZ	21.108, 16.428, 70.461
xyY	0.195, 0.152, 16.428
CIE-LCH	47.53, 69.749, 294.524
CIE-LUV	47.53, -13.307, -98.626
Hunter-Lab	40.531, 22.032, -74.701
Binary	01010000, 01100110, 11011101

#5066dd
```
#5066dd rgb(80,102,221)
```
#ddc750
```
#ddc750 rgb(221,199,80)
```

Complementary Color

#50addd
```
#50addd rgb(80,173,221)
```
#5066dd
```
#5066dd rgb(80,102,221)
```
#8150dd
```
#8150dd rgb(129,80,221)
```

Analogous Color

#addd50
```
#addd50 rgb(173,221,80)
```
#5066dd
```
#5066dd rgb(80,102,221)
```
#dd8150
```
#dd8150 rgb(221,129,80)
```

Split Complementary Color

#66dd50
```
#66dd50 rgb(102,221,80)
```
#5066dd
```
#5066dd rgb(80,102,221)
```
#dd5066
```
#dd5066 rgb(221,80,102)
```

Triadic Color

#50ddc7
```
#50ddc7 rgb(80,221,199)
```
#5066dd
```
#5066dd rgb(80,102,221)
```
#dd5066
```
#dd5066 rgb(221,80,102)
```
#ddc750
```
#ddc750 rgb(221,199,80)
```

Tetradic Color

#253cbc
```
#253cbc rgb(37,60,188)
```
#2943d1
```
#2943d1 rgb(41,67,209)
```
#3b53d9
```
#3b53d9 rgb(59,83,217)
```
#5066dd
```
#5066dd rgb(80,102,221)
```
#6579e1
```
#6579e1 rgb(101,121,225)
```
#7b8be5
```
#7b8be5 rgb(123,139,229)
```
#909ee9
```
#909ee9 rgb(144,158,233)
```

Monochromatic Color

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

#5089dd
```
#5089dd rgb(80,137,221)
```
#507edd
```
#507edd rgb(80,126,221)
```
#5072dd
```
#5072dd rgb(80,114,221)
```
#5066dd
```
#5066dd rgb(80,102,221)
```
#505add
```
#505add rgb(80,90,221)
```
#5250dd
```
#5250dd rgb(82,80,221)
```
#5d50dd
```
#5d50dd rgb(93,80,221)
```

Similar Colors

Text with hexadecimal color #5066dd

This text has a font color of #5066dd.

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

#5066dd background color

This paragraph has a background color of #5066dd.

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

#5066dd border color

This element has a border color of #5066dd.

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

CSS codes

.text {color:#5066dd;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#040716
```
#040716 rgb(4,7,22)
```
#070c27
```
#070c27 rgb(7,12,39)
```
#0b1237
```
#0b1237 rgb(11,18,55)
```
#0e1747
```
#0e1747 rgb(14,23,71)
```
#111c58
```
#111c58 rgb(17,28,88)
```
#142168
```
#142168 rgb(20,33,104)
```
#172779
```
#172779 rgb(23,39,121)
```
#1b2c89
```
#1b2c89 rgb(27,44,137)
```
#1e3199
```
#1e3199 rgb(30,49,153)
```
#2136aa
```
#2136aa rgb(33,54,170)
```
#243cba
```
#243cba rgb(36,60,186)
```
#2741cb
```
#2741cb rgb(39,65,203)
```

Shade Color Variation

#2f49d7
```
#2f49d7 rgb(47,73,215)
```
#4058da
```
#4058da rgb(64,88,218)
```
#5066dd
```
#5066dd rgb(80,102,221)
```
#6074e0
```
#6074e0 rgb(96,116,224)
```
#7183e3
```
#7183e3 rgb(113,131,227)
```
#8191e7
```
#8191e7 rgb(129,145,231)
```
#929fea
```
#929fea rgb(146,159,234)
```
#a2aeed
```
#a2aeed rgb(162,174,237)
```
#b3bcf0
```
#b3bcf0 rgb(179,188,240)
```
#c3cbf3
```
#c3cbf3 rgb(195,203,243)
```
#d3d9f7
```
#d3d9f7 rgb(211,217,247)
```
#e4e7fa
```
#e4e7fa rgb(228,231,250)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

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

#90929d
```
#90929d rgb(144,146,157)
```
#888da5
```
#888da5 rgb(136,141,165)
```
#8087ad
```
#8087ad rgb(128,135,173)
```
#7882b5
```
#7882b5 rgb(120,130,181)
```
#707cbd
```
#707cbd rgb(112,124,189)
```
#6877c5
```
#6877c5 rgb(104,119,197)
```
#6071cd
```
#6071cd rgb(96,113,205)
```
#586cd5
```
#586cd5 rgb(88,108,213)
```
#5066dd
```
#5066dd rgb(80,102,221)
```
#4860e5
```
#4860e5 rgb(72,96,229)
```
#405bed
```
#405bed rgb(64,91,237)
```
#3855f5
```
#3855f5 rgb(56,85,245)
```
#3050fd
```
#3050fd rgb(48,80,253)
```

Tone Color Variation

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

#0074e4 Protanopia 1% of men
#007ac9 Deuteranopia 1% of men
#00838d Tritanopia 0.001% of the population

Trichromacy

#1d6fe1 Protanomaly 1% of men, 0.01% of women
#1d73d0 Deuteranomaly 6% of men, 0.4% of women
#1d78aa Tritanomaly 0.01% of the population

#5066dd hex color

#5066dd Color Information

#5066dd Color Conversion

Color Schemes with #5066dd

Alternatives to #5066dd

#5066dd Preview

Shades and Tints of #5066dd

Tones of #5066dd

Color Blindness Simulator