#5068ba hex color

In a RGB color space, hex #5068ba is composed of 31.4% red, 40.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 44.1% magenta, 0% yellow and 27.1% black. It has a hue angle of 226.4 degrees, a saturation of 43.4% and a lightness of 52.2%. #5068ba color hex could be obtained by blending #a0d0ff with #000075. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 41
- B 73
RGB color chart
- C 57
- M 44
- Y 0
- K 27
CMYK color chart

● #5068ba color description : Moderate blue.

The hexadecimal color #5068ba has RGB values of R:80, G:104, B:186 and CMYK values of C:0.57, M:0.44, Y:0, K:0.27. Its decimal value is 5269690.

Hex triplet	5068ba	`#5068ba`
RGB Decimal	80, 104, 186	`rgb(80,104,186)`
RGB Percent	31.4, 40.8, 72.9	`rgb(31.4%,40.8%,72.9%)`
CMYK	57, 44, 0, 27
HSL	226.4°, 43.4, 52.2	`hsl(226.4,43.4%,52.2%)`
HSV (or HSB)	226.4°, 57, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.84, 15.822, -46.094
XYZ	17.12, 15.15, 48.474
xyY	0.212, 0.188, 15.15
CIE-LCH	45.84, 48.734, 288.946
CIE-LUV	45.84, -13.207, -70.633
Hunter-Lab	38.924, 10.393, -46.591
Binary	01010000, 01101000, 10111010

#5068ba
```
#5068ba rgb(80,104,186)
```
#baa250
```
#baa250 rgb(186,162,80)
```

Complementary Color

#509dba
```
#509dba rgb(80,157,186)
```
#5068ba
```
#5068ba rgb(80,104,186)
```
#6d50ba
```
#6d50ba rgb(109,80,186)
```

Analogous Color

#9dba50
```
#9dba50 rgb(157,186,80)
```
#5068ba
```
#5068ba rgb(80,104,186)
```
#ba6d50
```
#ba6d50 rgb(186,109,80)
```

Split Complementary Color

#68ba50
```
#68ba50 rgb(104,186,80)
```
#5068ba
```
#5068ba rgb(80,104,186)
```
#ba5068
```
#ba5068 rgb(186,80,104)
```

Triadic Color

#50baa2
```
#50baa2 rgb(80,186,162)
```
#5068ba
```
#5068ba rgb(80,104,186)
```
#ba5068
```
#ba5068 rgb(186,80,104)
```
#baa250
```
#baa250 rgb(186,162,80)
```

Tetradic Color

#364888
```
#364888 rgb(54,72,136)
```
#3d529a
```
#3d529a rgb(61,82,154)
```
#445cac
```
#445cac rgb(68,92,172)
```
#5068ba
```
#5068ba rgb(80,104,186)
```
#6278c1
```
#6278c1 rgb(98,120,193)
```
#7588c8
```
#7588c8 rgb(117,136,200)
```
#8797d0
```
#8797d0 rgb(135,151,208)
```

Monochromatic Color

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

#5083ba
```
#5083ba rgb(80,131,186)
```
#507aba
```
#507aba rgb(80,122,186)
```
#5071ba
```
#5071ba rgb(80,113,186)
```
#5068ba
```
#5068ba rgb(80,104,186)
```
#505fba
```
#505fba rgb(80,95,186)
```
#5056ba
```
#5056ba rgb(80,86,186)
```
#5350ba
```
#5350ba rgb(83,80,186)
```

Similar Colors

Text with hexadecimal color #5068ba

This text has a font color of #5068ba.

<span style="color:#5068ba;">Text here</span>

#5068ba background color

This paragraph has a background color of #5068ba.

<p style="background-color:#5068ba;">Content here</p>

#5068ba border color

This element has a border color of #5068ba.

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

CSS codes

.text {color:#5068ba;}

.background {background-color:#5068ba;}

.border {border:1px solid #5068ba;}

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

#030408
```
#030408 rgb(3,4,8)
```
#090c16
```
#090c16 rgb(9,12,22)
```
#0e1324
```
#0e1324 rgb(14,19,36)
```
#141b32
```
#141b32 rgb(20,27,50)
```
#192240
```
#192240 rgb(25,34,64)
```
#1f2a4e
```
#1f2a4e rgb(31,42,78)
```
#24315c
```
#24315c rgb(36,49,92)
```
#2a396a
```
#2a396a rgb(42,57,106)
```
#2f4078
```
#2f4078 rgb(47,64,120)
```
#354787
```
#354787 rgb(53,71,135)
```
#3b4f95
```
#3b4f95 rgb(59,79,149)
```
#4056a3
```
#4056a3 rgb(64,86,163)
```
#465eb1
```
#465eb1 rgb(70,94,177)
```

Shade Color Variation

#5068ba
```
#5068ba rgb(80,104,186)
```
#5e74c0
```
#5e74c0 rgb(94,116,192)
```
#6c80c5
```
#6c80c5 rgb(108,128,197)
```
#7a8ccb
```
#7a8ccb rgb(122,140,203)
```
#8899d0
```
#8899d0 rgb(136,153,208)
```
#96a5d6
```
#96a5d6 rgb(150,165,214)
```
#a4b1db
```
#a4b1db rgb(164,177,219)
```
#b2bde1
```
#b2bde1 rgb(178,189,225)
```
#c1c9e6
```
#c1c9e6 rgb(193,201,230)
```
#cfd5ec
```
#cfd5ec rgb(207,213,236)
```
#dde1f1
```
#dde1f1 rgb(221,225,241)
```
#ebeef7
```
#ebeef7 rgb(235,238,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f828b is the less saturated color, while #0e44fc is the most saturated one.

#7f828b
```
#7f828b rgb(127,130,139)
```
#767d94
```
#767d94 rgb(118,125,148)
```
#6c779e
```
#6c779e rgb(108,119,158)
```
#6372a7
```
#6372a7 rgb(99,114,167)
```
#596db1
```
#596db1 rgb(89,109,177)
```
#5068ba
```
#5068ba rgb(80,104,186)
```
#4763c3
```
#4763c3 rgb(71,99,195)
```
#3d5ecd
```
#3d5ecd rgb(61,94,205)
```
#3459d6
```
#3459d6 rgb(52,89,214)
```
#2a53e0
```
#2a53e0 rgb(42,83,224)
```
#214ee9
```
#214ee9 rgb(33,78,233)
```
#1849f2
```
#1849f2 rgb(24,73,242)
```
#0e44fc
```
#0e44fc rgb(14,68,252)
```

Tone Color Variation

Below, you can see how #5068ba 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

#6a6a6a Achromatopsia 0.005% of the population
#656a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e71bf Protanopia 1% of men
#3a75bb Deuteranopia 1% of men
#3c7d86 Tritanopia 0.001% of the population

Trichromacy

#4e6ebd Protanomaly 1% of men, 0.01% of women
#4270ba Deuteranomaly 6% of men, 0.4% of women
#437599 Tritanomaly 0.01% of the population

#5068ba hex color

#5068ba Color Information

#5068ba Color Conversion

Color Schemes with #5068ba

Alternatives to #5068ba

#5068ba Preview

Shades and Tints of #5068ba

Tones of #5068ba

Color Blindness Simulator