#5066d5 hex color

In a RGB color space, hex #5066d5 is composed of 31.4% red, 40% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 52.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 230.1 degrees, a saturation of 61.3% and a lightness of 57.5%. #5066d5 color hex could be obtained by blending #a0ccff with #0000ab. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 40
- B 84
RGB color chart
- C 62
- M 52
- Y 0
- K 16
CMYK color chart

● #5066d5 color description : Moderate blue.

The hexadecimal color #5066d5 has RGB values of R:80, G:102, B:213 and CMYK values of C:0.62, M:0.52, Y:0, K:0.16. Its decimal value is 5269205.

Hex triplet	5066d5	`#5066d5`
RGB Decimal	80, 102, 213	`rgb(80,102,213)`
RGB Percent	31.4, 40, 83.5	`rgb(31.4%,40%,83.5%)`
CMYK	62, 52, 0, 16
HSL	230.1°, 61.3, 57.5	`hsl(230.1,61.3%,57.5%)`
HSV (or HSB)	230.1°, 62.4, 83.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.989, 26.223, -59.783
XYZ	20.067, 16.011, 64.98
xyY	0.199, 0.158, 16.011
CIE-LCH	46.989, 65.281, 293.684
CIE-LUV	46.989, -13.128, -92.7
Hunter-Lab	40.014, 19.495, -68.273
Binary	01010000, 01100110, 11010101

#5066d5
```
#5066d5 rgb(80,102,213)
```
#d5bf50
```
#d5bf50 rgb(213,191,80)
```

Complementary Color

#50a9d5
```
#50a9d5 rgb(80,169,213)
```
#5066d5
```
#5066d5 rgb(80,102,213)
```
#7d50d5
```
#7d50d5 rgb(125,80,213)
```

Analogous Color

#a9d550
```
#a9d550 rgb(169,213,80)
```
#5066d5
```
#5066d5 rgb(80,102,213)
```
#d57d50
```
#d57d50 rgb(213,125,80)
```

Split Complementary Color

#66d550
```
#66d550 rgb(102,213,80)
```
#5066d5
```
#5066d5 rgb(80,102,213)
```
#d55066
```
#d55066 rgb(213,80,102)
```

Triadic Color

#50d5bf
```
#50d5bf rgb(80,213,191)
```
#5066d5
```
#5066d5 rgb(80,102,213)
```
#d55066
```
#d55066 rgb(213,80,102)
```
#d5bf50
```
#d5bf50 rgb(213,191,80)
```

Tetradic Color

#2a40af
```
#2a40af rgb(42,64,175)
```
#2f47c3
```
#2f47c3 rgb(47,71,195)
```
#3b54d0
```
#3b54d0 rgb(59,84,208)
```
#5066d5
```
#5066d5 rgb(80,102,213)
```
#6578da
```
#6578da rgb(101,120,218)
```
#798adf
```
#798adf rgb(121,138,223)
```
#8e9ce4
```
#8e9ce4 rgb(142,156,228)
```

Monochromatic Color

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

#5087d5
```
#5087d5 rgb(80,135,213)
```
#507cd5
```
#507cd5 rgb(80,124,213)
```
#5071d5
```
#5071d5 rgb(80,113,213)
```
#5066d5
```
#5066d5 rgb(80,102,213)
```
#505bd5
```
#505bd5 rgb(80,91,213)
```
#5050d5
```
#5050d5 rgb(80,80,213)
```
#5b50d5
```
#5b50d5 rgb(91,80,213)
```

Similar Colors

Text with hexadecimal color #5066d5

This text has a font color of #5066d5.

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

#5066d5 background color

This paragraph has a background color of #5066d5.

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

#5066d5 border color

This element has a border color of #5066d5.

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

CSS codes

.text {color:#5066d5;}

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

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

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, #04050f is the darkest color, while #fefeff is the lightest one.

#04050f
```
#04050f rgb(4,5,15)
```
#070b1f
```
#070b1f rgb(7,11,31)
```
#0b112e
```
#0b112e rgb(11,17,46)
```
#0f173e
```
#0f173e rgb(15,23,62)
```
#131d4e
```
#131d4e rgb(19,29,78)
```
#17225e
```
#17225e rgb(23,34,94)
```
#1a286e
```
#1a286e rgb(26,40,110)
```
#1e2e7e
```
#1e2e7e rgb(30,46,126)
```
#22348d
```
#22348d rgb(34,52,141)
```
#26399d
```
#26399d rgb(38,57,157)
```
#2a3fad
```
#2a3fad rgb(42,63,173)
```
#2d45bd
```
#2d45bd rgb(45,69,189)
```
#314bcd
```
#314bcd rgb(49,75,205)
```

Shade Color Variation

#4058d1
```
#4058d1 rgb(64,88,209)
```
#5066d5
```
#5066d5 rgb(80,102,213)
```
#6074d9
```
#6074d9 rgb(96,116,217)
```
#7082dd
```
#7082dd rgb(112,130,221)
```
#7f8fe0
```
#7f8fe0 rgb(127,143,224)
```
#8f9de4
```
#8f9de4 rgb(143,157,228)
```
#9fabe8
```
#9fabe8 rgb(159,171,232)
```
#afb9ec
```
#afb9ec rgb(175,185,236)
```
#bfc7f0
```
#bfc7f0 rgb(191,199,240)
```
#cfd5f3
```
#cfd5f3 rgb(207,213,243)
```
#dee2f7
```
#dee2f7 rgb(222,226,247)
```
#eef0fb
```
#eef0fb rgb(238,240,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8d9b is the less saturated color, while #264aff is the most saturated one.

#8a8d9b
```
#8a8d9b rgb(138,141,155)
```
#8288a3
```
#8288a3 rgb(130,136,163)
```
#7a82ab
```
#7a82ab rgb(122,130,171)
```
#717cb4
```
#717cb4 rgb(113,124,180)
```
#6977bc
```
#6977bc rgb(105,119,188)
```
#6171c4
```
#6171c4 rgb(97,113,196)
```
#586ccd
```
#586ccd rgb(88,108,205)
```
#5066d5
```
#5066d5 rgb(80,102,213)
```
#4860dd
```
#4860dd rgb(72,96,221)
```
#3f5be6
```
#3f5be6 rgb(63,91,230)
```
#3755ee
```
#3755ee rgb(55,85,238)
```
#2f50f6
```
#2f50f6 rgb(47,80,246)
```
#264aff
```
#264aff rgb(38,74,255)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#666b81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a73dc Protanopia 1% of men
#0079c7 Deuteranopia 1% of men
#1b828b Tritanopia 0.001% of the population

Trichromacy

#376ed9 Protanomaly 1% of men, 0.01% of women
#1d72cc Deuteranomaly 6% of men, 0.4% of women
#2e77a6 Tritanomaly 0.01% of the population

#5066d5 hex color

#5066d5 Color Information

#5066d5 Color Conversion

Color Schemes with #5066d5

Alternatives to #5066d5

#5066d5 Preview

Shades and Tints of #5066d5

Tones of #5066d5

Color Blindness Simulator