#5060d4 hex color

In a RGB color space, hex #5060d4 is composed of 31.4% red, 37.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 54.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 232.7 degrees, a saturation of 60.6% and a lightness of 57.3%. #5060d4 color hex could be obtained by blending #a0c0ff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 38
- B 83
RGB color chart
- C 62
- M 55
- Y 0
- K 17
CMYK color chart

● #5060d4 color description : Moderate blue.

The hexadecimal color #5060d4 has RGB values of R:80, G:96, B:212 and CMYK values of C:0.62, M:0.55, Y:0, K:0.17. Its decimal value is 5267668.

Hex triplet	5060d4	`#5060d4`
RGB Decimal	80, 96, 212	`rgb(80,96,212)`
RGB Percent	31.4, 37.6, 83.1	`rgb(31.4%,37.6%,83.1%)`
CMYK	62, 55, 0, 17
HSL	232.7°, 60.6, 57.3	`hsl(232.7,60.6%,57.3%)`
HSV (or HSB)	232.7°, 62.3, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.392, 29.631, -61.795
XYZ	19.372, 14.824, 64.124
xyY	0.197, 0.151, 14.824
CIE-LCH	45.392, 68.532, 295.618
CIE-LUV	45.392, -11.409, -95.007
Hunter-Lab	38.502, 22.436, -71.796
Binary	01010000, 01100000, 11010100

#5060d4
```
#5060d4 rgb(80,96,212)
```
#d4c450
```
#d4c450 rgb(212,196,80)
```

Complementary Color

#50a2d4
```
#50a2d4 rgb(80,162,212)
```
#5060d4
```
#5060d4 rgb(80,96,212)
```
#8250d4
```
#8250d4 rgb(130,80,212)
```

Analogous Color

#a2d450
```
#a2d450 rgb(162,212,80)
```
#5060d4
```
#5060d4 rgb(80,96,212)
```
#d48250
```
#d48250 rgb(212,130,80)
```

Split Complementary Color

#60d450
```
#60d450 rgb(96,212,80)
```
#5060d4
```
#5060d4 rgb(80,96,212)
```
#d45060
```
#d45060 rgb(212,80,96)
```

Triadic Color

#50d4c4
```
#50d4c4 rgb(80,212,196)
```
#5060d4
```
#5060d4 rgb(80,96,212)
```
#d45060
```
#d45060 rgb(212,80,96)
```
#d4c450
```
#d4c450 rgb(212,196,80)
```

Tetradic Color

#2b3aad
```
#2b3aad rgb(43,58,173)
```
#3041c1
```
#3041c1 rgb(48,65,193)
```
#3c4dcf
```
#3c4dcf rgb(60,77,207)
```
#5060d4
```
#5060d4 rgb(80,96,212)
```
#6473d9
```
#6473d9 rgb(100,115,217)
```
#7985de
```
#7985de rgb(121,133,222)
```
#8d98e3
```
#8d98e3 rgb(141,152,227)
```

Monochromatic Color

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

#5081d4
```
#5081d4 rgb(80,129,212)
```
#5076d4
```
#5076d4 rgb(80,118,212)
```
#506bd4
```
#506bd4 rgb(80,107,212)
```
#5060d4
```
#5060d4 rgb(80,96,212)
```
#5055d4
```
#5055d4 rgb(80,85,212)
```
#5650d4
```
#5650d4 rgb(86,80,212)
```
#6150d4
```
#6150d4 rgb(97,80,212)
```

Similar Colors

Text with hexadecimal color #5060d4

This text has a font color of #5060d4.

<span style="color:#5060d4;">Text here</span>

#5060d4 background color

This paragraph has a background color of #5060d4.

<p style="background-color:#5060d4;">Content here</p>

#5060d4 border color

This element has a border color of #5060d4.

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

CSS codes

.text {color:#5060d4;}

.background {background-color:#5060d4;}

.border {border:1px solid #5060d4;}

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, #03050e is the darkest color, while #fdfdff is the lightest one.

#03050e
```
#03050e rgb(3,5,14)
```
#070a1e
```
#070a1e rgb(7,10,30)
```
#0b0f2d
```
#0b0f2d rgb(11,15,45)
```
#0f153d
```
#0f153d rgb(15,21,61)
```
#131a4d
```
#131a4d rgb(19,26,77)
```
#171f5d
```
#171f5d rgb(23,31,93)
```
#1b256c
```
#1b256c rgb(27,37,108)
```
#1f2a7c
```
#1f2a7c rgb(31,42,124)
```
#222f8c
```
#222f8c rgb(34,47,140)
```
#26349c
```
#26349c rgb(38,52,156)
```
#2a3aab
```
#2a3aab rgb(42,58,171)
```
#2e3fbb
```
#2e3fbb rgb(46,63,187)
```
#3244cb
```
#3244cb rgb(50,68,203)
```

Shade Color Variation

#4052d0
```
#4052d0 rgb(64,82,208)
```
#5060d4
```
#5060d4 rgb(80,96,212)
```
#606ed8
```
#606ed8 rgb(96,110,216)
```
#6f7ddc
```
#6f7ddc rgb(111,125,220)
```
#7f8be0
```
#7f8be0 rgb(127,139,224)
```
#8f99e3
```
#8f99e3 rgb(143,153,227)
```
#9fa8e7
```
#9fa8e7 rgb(159,168,231)
```
#aeb6eb
```
#aeb6eb rgb(174,182,235)
```
#bec4ef
```
#bec4ef rgb(190,196,239)
```
#ced2f3
```
#ced2f3 rgb(206,210,243)
```
#dee1f7
```
#dee1f7 rgb(222,225,247)
```
#edeffb
```
#edeffb rgb(237,239,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#8b8c99
```
#8b8c99 rgb(139,140,153)
```
#8286a2
```
#8286a2 rgb(130,134,162)
```
#7a80aa
```
#7a80aa rgb(122,128,170)
```
#7279b2
```
#7279b2 rgb(114,121,178)
```
#6973bb
```
#6973bb rgb(105,115,187)
```
#616dc3
```
#616dc3 rgb(97,109,195)
```
#5866cc
```
#5866cc rgb(88,102,204)
```
#5060d4
```
#5060d4 rgb(80,96,212)
```
#485adc
```
#485adc rgb(72,90,220)
```
#3f53e5
```
#3f53e5 rgb(63,83,229)
```
#374ded
```
#374ded rgb(55,77,237)
```
#2e47f6
```
#2e47f6 rgb(46,71,246)
```
#2640fe
```
#2640fe rgb(38,64,254)
```

Tone Color Variation

Below, you can see how #5060d4 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

#686868 Achromatopsia 0.005% of the population
#63667e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0075c0 Deuteranopia 1% of men
#167e87 Tritanopia 0.001% of the population

Trichromacy

#1d69d8 Protanomaly 1% of men, 0.01% of women
#1d6dc7 Deuteranomaly 6% of men, 0.4% of women
#2b73a3 Tritanomaly 0.01% of the population

#5060d4 hex color

#5060d4 Color Information

#5060d4 Color Conversion

Color Schemes with #5060d4

Alternatives to #5060d4

#5060d4 Preview

Shades and Tints of #5060d4

Tones of #5060d4

Color Blindness Simulator