#5164bf hex color

In a RGB color space, hex #5164bf is composed of 31.8% red, 39.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 47.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 229.6 degrees, a saturation of 46.2% and a lightness of 53.3%. #5164bf color hex could be obtained by blending #a2c8ff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 39
- B 75
RGB color chart
- C 58
- M 48
- Y 0
- K 25
CMYK color chart

● #5164bf color description : Moderate blue.

The hexadecimal color #5164bf has RGB values of R:81, G:100, B:191 and CMYK values of C:0.58, M:0.48, Y:0, K:0.25. Its decimal value is 5334207.

Hex triplet	5164bf	`#5164bf`
RGB Decimal	81, 100, 191	`rgb(81,100,191)`
RGB Percent	31.8, 39.2, 74.9	`rgb(31.8%,39.2%,74.9%)`
CMYK	58, 48, 0, 25
HSL	229.6°, 46.2, 53.3	`hsl(229.6,46.2%,53.3%)`
HSV (or HSB)	229.6°, 57.6, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.115, 20.218, -50.149
XYZ	17.353, 14.624, 51.196
xyY	0.209, 0.176, 14.624
CIE-LCH	45.115, 54.071, 291.957
CIE-LUV	45.115, -11.733, -76.899
Hunter-Lab	38.242, 14.072, -52.604
Binary	01010001, 01100100, 10111111

#5164bf
```
#5164bf rgb(81,100,191)
```
#bfac51
```
#bfac51 rgb(191,172,81)
```

Complementary Color

#519bbf
```
#519bbf rgb(81,155,191)
```
#5164bf
```
#5164bf rgb(81,100,191)
```
#7551bf
```
#7551bf rgb(117,81,191)
```

Analogous Color

#9bbf51
```
#9bbf51 rgb(155,191,81)
```
#5164bf
```
#5164bf rgb(81,100,191)
```
#bf7551
```
#bf7551 rgb(191,117,81)
```

Split Complementary Color

#64bf51
```
#64bf51 rgb(100,191,81)
```
#5164bf
```
#5164bf rgb(81,100,191)
```
#bf5164
```
#bf5164 rgb(191,81,100)
```

Triadic Color

#51bfac
```
#51bfac rgb(81,191,172)
```
#5164bf
```
#5164bf rgb(81,100,191)
```
#bf5164
```
#bf5164 rgb(191,81,100)
```
#bfac51
```
#bfac51 rgb(191,172,81)
```

Tetradic Color

#35448f
```
#35448f rgb(53,68,143)
```
#3b4da2
```
#3b4da2 rgb(59,77,162)
```
#4256b4
```
#4256b4 rgb(66,86,180)
```
#5164bf
```
#5164bf rgb(81,100,191)
```
#6475c6
```
#6475c6 rgb(100,117,198)
```
#7685cd
```
#7685cd rgb(118,133,205)
```
#8996d4
```
#8996d4 rgb(137,150,212)
```

Monochromatic Color

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

#5180bf
```
#5180bf rgb(81,128,191)
```
#5176bf
```
#5176bf rgb(81,118,191)
```
#516dbf
```
#516dbf rgb(81,109,191)
```
#5164bf
```
#5164bf rgb(81,100,191)
```
#515bbf
```
#515bbf rgb(81,91,191)
```
#5152bf
```
#5152bf rgb(81,82,191)
```
#5a51bf
```
#5a51bf rgb(90,81,191)
```

Similar Colors

Text with hexadecimal color #5164bf

This text has a font color of #5164bf.

<span style="color:#5164bf;">Text here</span>

#5164bf background color

This paragraph has a background color of #5164bf.

<p style="background-color:#5164bf;">Content here</p>

#5164bf border color

This element has a border color of #5164bf.

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

CSS codes

.text {color:#5164bf;}

.background {background-color:#5164bf;}

.border {border:1px solid #5164bf;}

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

#05060c
```
#05060c rgb(5,6,12)
```
#0a0d1b
```
#0a0d1b rgb(10,13,27)
```
#0f1429
```
#0f1429 rgb(15,20,41)
```
#141a37
```
#141a37 rgb(20,26,55)
```
#1a2146
```
#1a2146 rgb(26,33,70)
```
#1f2854
```
#1f2854 rgb(31,40,84)
```
#242f62
```
#242f62 rgb(36,47,98)
```
#293671
```
#293671 rgb(41,54,113)
```
#2f3d7f
```
#2f3d7f rgb(47,61,127)
```
#34438d
```
#34438d rgb(52,67,141)
```
#394a9c
```
#394a9c rgb(57,74,156)
```
#3f51aa
```
#3f51aa rgb(63,81,170)
```
#4458b9
```
#4458b9 rgb(68,88,185)
```

Shade Color Variation

#5164bf
```
#5164bf rgb(81,100,191)
```
#5f71c4
```
#5f71c4 rgb(95,113,196)
```
#6e7eca
```
#6e7eca rgb(110,126,202)
```
#7c8acf
```
#7c8acf rgb(124,138,207)
```
#8a97d4
```
#8a97d4 rgb(138,151,212)
```
#99a4d9
```
#99a4d9 rgb(153,164,217)
```
#a7b1df
```
#a7b1df rgb(167,177,223)
```
#b5bde4
```
#b5bde4 rgb(181,189,228)
```
#c4cae9
```
#c4cae9 rgb(196,202,233)
```
#d2d7ee
```
#d2d7ee rgb(210,215,238)
```
#e0e4f4
```
#e0e4f4 rgb(224,228,244)
```
#eff1f9
```
#eff1f9 rgb(239,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#7f8291
```
#7f8291 rgb(127,130,145)
```
#767c9a
```
#767c9a rgb(118,124,154)
```
#6c76a4
```
#6c76a4 rgb(108,118,164)
```
#6370ad
```
#6370ad rgb(99,112,173)
```
#5a6ab6
```
#5a6ab6 rgb(90,106,182)
```
#5164bf
```
#5164bf rgb(81,100,191)
```
#485ec8
```
#485ec8 rgb(72,94,200)
```
#3f58d1
```
#3f58d1 rgb(63,88,209)
```
#3652da
```
#3652da rgb(54,82,218)
```
#2c4ce4
```
#2c4ce4 rgb(44,76,228)
```
#2346ed
```
#2346ed rgb(35,70,237)
```
#1a40f6
```
#1a40f6 rgb(26,64,246)
```

Tone Color Variation

Below, you can see how #5164bf 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

#696969 Achromatopsia 0.005% of the population
#64687a Atypical Achromatopsia 0.001% of the population

Dichromacy

#436fc5 Protanopia 1% of men
#2574be Deuteranopia 1% of men
#387b84 Tritanopia 0.001% of the population

Trichromacy

#486bc3 Protanomaly 1% of men, 0.01% of women
#356ebe Deuteranomaly 6% of men, 0.4% of women
#417299 Tritanomaly 0.01% of the population

#5164bf hex color

#5164bf Color Information

#5164bf Color Conversion

Color Schemes with #5164bf

Alternatives to #5164bf

#5164bf Preview

Shades and Tints of #5164bf

Tones of #5164bf

Color Blindness Simulator