#5060ab hex color

In a RGB color space, hex #5060ab is composed of 31.4% red, 37.6% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 43.9% magenta, 0% yellow and 32.9% black. It has a hue angle of 229.5 degrees, a saturation of 36.3% and a lightness of 49.2%. #5060ab color hex could be obtained by blending #a0c0ff with #000057. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 38
- B 67
RGB color chart
- C 53
- M 44
- Y 0
- K 33
CMYK color chart

● #5060ab color description : Dark moderate blue.

The hexadecimal color #5060ab has RGB values of R:80, G:96, B:171 and CMYK values of C:0.53, M:0.44, Y:0, K:0.33. Its decimal value is 5267627.

Hex triplet	5060ab	`#5060ab`
RGB Decimal	80, 96, 171	`rgb(80,96,171)`
RGB Percent	31.4, 37.6, 67.1	`rgb(31.4%,37.6%,67.1%)`
CMYK	53, 44, 0, 33
HSL	229.5°, 36.3, 49.2	`hsl(229.5,36.3%,49.2%)`
HSV (or HSB)	229.5°, 53.2, 67.1
Web Safe	666699	`#666699`

CIE-LAB	42.78, 15.879, -42.199
XYZ	14.84, 13.011, 40.255
xyY	0.218, 0.191, 13.011
CIE-LCH	42.78, 45.088, 290.62
CIE-LUV	42.78, -10.219, -63.577
Hunter-Lab	36.071, 10.316, -40.919
Binary	01010000, 01100000, 10101011

#5060ab
```
#5060ab rgb(80,96,171)
```
#ab9b50
```
#ab9b50 rgb(171,155,80)
```

Complementary Color

#508eab
```
#508eab rgb(80,142,171)
```
#5060ab
```
#5060ab rgb(80,96,171)
```
#6e50ab
```
#6e50ab rgb(110,80,171)
```

Analogous Color

#8eab50
```
#8eab50 rgb(142,171,80)
```
#5060ab
```
#5060ab rgb(80,96,171)
```
#ab6e50
```
#ab6e50 rgb(171,110,80)
```

Split Complementary Color

#60ab50
```
#60ab50 rgb(96,171,80)
```
#5060ab
```
#5060ab rgb(80,96,171)
```
#ab5060
```
#ab5060 rgb(171,80,96)
```

Triadic Color

#50ab9b
```
#50ab9b rgb(80,171,155)
```
#5060ab
```
#5060ab rgb(80,96,171)
```
#ab5060
```
#ab5060 rgb(171,80,96)
```
#ab9b50
```
#ab9b50 rgb(171,155,80)
```

Tetradic Color

#384377
```
#384377 rgb(56,67,119)
```
#404c88
```
#404c88 rgb(64,76,136)
```
#48569a
```
#48569a rgb(72,86,154)
```
#5060ab
```
#5060ab rgb(80,96,171)
```
#606fb5
```
#606fb5 rgb(96,111,181)
```
#717fbd
```
#717fbd rgb(113,127,189)
```
#838ec5
```
#838ec5 rgb(131,142,197)
```

Monochromatic Color

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

#5077ab
```
#5077ab rgb(80,119,171)
```
#506fab
```
#506fab rgb(80,111,171)
```
#5068ab
```
#5068ab rgb(80,104,171)
```
#5060ab
```
#5060ab rgb(80,96,171)
```
#5058ab
```
#5058ab rgb(80,88,171)
```
#5051ab
```
#5051ab rgb(80,81,171)
```
#5750ab
```
#5750ab rgb(87,80,171)
```

Similar Colors

Text with hexadecimal color #5060ab

This text has a font color of #5060ab.

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

#5060ab background color

This paragraph has a background color of #5060ab.

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

#5060ab border color

This element has a border color of #5060ab.

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

CSS codes

.text {color:#5060ab;}

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

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

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, #05060b is the darkest color, while #fcfdfe is the lightest one.

#05060b
```
#05060b rgb(5,6,11)
```
#0b0d18
```
#0b0d18 rgb(11,13,24)
```
#111525
```
#111525 rgb(17,21,37)
```
#181c33
```
#181c33 rgb(24,28,51)
```
#1e2440
```
#1e2440 rgb(30,36,64)
```
#242b4d
```
#242b4d rgb(36,43,77)
```
#2a335b
```
#2a335b rgb(42,51,91)
```
#313a68
```
#313a68 rgb(49,58,104)
```
#374276
```
#374276 rgb(55,66,118)
```
#3d4983
```
#3d4983 rgb(61,73,131)
```
#435190
```
#435190 rgb(67,81,144)
```
#4a589e
```
#4a589e rgb(74,88,158)
```
#5060ab
```
#5060ab rgb(80,96,171)
```

Shade Color Variation

#5c6bb3
```
#5c6bb3 rgb(92,107,179)
```
#6977b9
```
#6977b9 rgb(105,119,185)
```
#7783bf
```
#7783bf rgb(119,131,191)
```
#8490c5
```
#8490c5 rgb(132,144,197)
```
#919ccc
```
#919ccc rgb(145,156,204)
```
#9fa8d2
```
#9fa8d2 rgb(159,168,210)
```
#acb4d8
```
#acb4d8 rgb(172,180,216)
```
#b9c0de
```
#b9c0de rgb(185,192,222)
```
#c7cce5
```
#c7cce5 rgb(199,204,229)
```
#d4d8eb
```
#d4d8eb rgb(212,216,235)
```
#e2e4f1
```
#e2e4f1 rgb(226,228,241)
```
#eff0f7
```
#eff0f7 rgb(239,240,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#777984
```
#777984 rgb(119,121,132)
```
#6d738e
```
#6d738e rgb(109,115,142)
```
#636d98
```
#636d98 rgb(99,109,152)
```
#5a66a1
```
#5a66a1 rgb(90,102,161)
```
#5060ab
```
#5060ab rgb(80,96,171)
```
#465ab5
```
#465ab5 rgb(70,90,181)
```
#3d53be
```
#3d53be rgb(61,83,190)
```
#334dc8
```
#334dc8 rgb(51,77,200)
```
#2947d2
```
#2947d2 rgb(41,71,210)
```
#2041db
```
#2041db rgb(32,65,219)
```
#163ae5
```
#163ae5 rgb(22,58,229)
```
#0c34ef
```
#0c34ef rgb(12,52,239)
```
#032ef8
```
#032ef8 rgb(3,46,248)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#606372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b6ab1 Protanopia 1% of men
#3d6dad Deuteranopia 1% of men
#42747c Tritanopia 0.001% of the population

Trichromacy

#4d66af Protanomaly 1% of men, 0.01% of women
#4468ac Deuteranomaly 6% of men, 0.4% of women
#476c8d Tritanomaly 0.01% of the population

#5060ab hex color

#5060ab Color Information

#5060ab Color Conversion

Color Schemes with #5060ab

Alternatives to #5060ab

#5060ab Preview

Shades and Tints of #5060ab

Tones of #5060ab

Color Blindness Simulator