#5764b4 hex color

In a RGB color space, hex #5764b4 is composed of 34.1% red, 39.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 44.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 231.6 degrees, a saturation of 38.3% and a lightness of 52.4%. #5764b4 color hex could be obtained by blending #aec8ff with #000069. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 39
- B 71
RGB color chart
- C 52
- M 44
- Y 0
- K 29
CMYK color chart

● #5764b4 color description : Moderate blue.

The hexadecimal color #5764b4 has RGB values of R:87, G:100, B:180 and CMYK values of C:0.52, M:0.44, Y:0, K:0.29. Its decimal value is 5727412.

Hex triplet	5764b4	`#5764b4`
RGB Decimal	87, 100, 180	`rgb(87,100,180)`
RGB Percent	34.1, 39.2, 70.6	`rgb(34.1%,39.2%,70.6%)`
CMYK	52, 44, 0, 29
HSL	231.6°, 38.3, 52.4	`hsl(231.6,38.3%,52.4%)`
HSV (or HSB)	231.6°, 51.7, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.851, 17.894, -44.151
XYZ	16.724, 14.435, 45.083
xyY	0.219, 0.189, 14.435
CIE-LCH	44.851, 47.639, 292.062
CIE-LUV	44.851, -9.505, -67.507
Hunter-Lab	37.994, 12.084, -43.757
Binary	01010111, 01100100, 10110100

#5764b4
```
#5764b4 rgb(87,100,180)
```
#b4a757
```
#b4a757 rgb(180,167,87)
```

Complementary Color

#5793b4
```
#5793b4 rgb(87,147,180)
```
#5764b4
```
#5764b4 rgb(87,100,180)
```
#7957b4
```
#7957b4 rgb(121,87,180)
```

Analogous Color

#93b457
```
#93b457 rgb(147,180,87)
```
#5764b4
```
#5764b4 rgb(87,100,180)
```
#b47957
```
#b47957 rgb(180,121,87)
```

Split Complementary Color

#64b457
```
#64b457 rgb(100,180,87)
```
#5764b4
```
#5764b4 rgb(87,100,180)
```
#b45764
```
#b45764 rgb(180,87,100)
```

Triadic Color

#57b4a7
```
#57b4a7 rgb(87,180,167)
```
#5764b4
```
#5764b4 rgb(87,100,180)
```
#b45764
```
#b45764 rgb(180,87,100)
```
#b4a757
```
#b4a757 rgb(180,167,87)
```

Tetradic Color

#3b4584
```
#3b4584 rgb(59,69,132)
```
#434e95
```
#434e95 rgb(67,78,149)
```
#4b57a7
```
#4b57a7 rgb(75,87,167)
```
#5764b4
```
#5764b4 rgb(87,100,180)
```
#6974bc
```
#6974bc rgb(105,116,188)
```
#7a85c4
```
#7a85c4 rgb(122,133,196)
```
#8c95cc
```
#8c95cc rgb(140,149,204)
```

Monochromatic Color

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

#577bb4
```
#577bb4 rgb(87,123,180)
```
#5774b4
```
#5774b4 rgb(87,116,180)
```
#576cb4
```
#576cb4 rgb(87,108,180)
```
#5764b4
```
#5764b4 rgb(87,100,180)
```
#575cb4
```
#575cb4 rgb(87,92,180)
```
#5a57b4
```
#5a57b4 rgb(90,87,180)
```
#6157b4
```
#6157b4 rgb(97,87,180)
```

Similar Colors

Text with hexadecimal color #5764b4

This text has a font color of #5764b4.

<span style="color:#5764b4;">Text here</span>

#5764b4 background color

This paragraph has a background color of #5764b4.

<p style="background-color:#5764b4;">Content here</p>

#5764b4 border color

This element has a border color of #5764b4.

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

CSS codes

.text {color:#5764b4;}

.background {background-color:#5764b4;}

.border {border:1px solid #5764b4;}

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

#040408
```
#040408 rgb(4,4,8)
```
#0a0b16
```
#0a0b16 rgb(10,11,22)
```
#101323
```
#101323 rgb(16,19,35)
```
#161a31
```
#161a31 rgb(22,26,49)
```
#1c213f
```
#1c213f rgb(28,33,63)
```
#22284c
```
#22284c rgb(34,40,76)
```
#282f5a
```
#282f5a rgb(40,47,90)
```
#2e3667
```
#2e3667 rgb(46,54,103)
```
#343d75
```
#343d75 rgb(52,61,117)
```
#3a4482
```
#3a4482 rgb(58,68,130)
```
#404b90
```
#404b90 rgb(64,75,144)
```
#46529d
```
#46529d rgb(70,82,157)
```
#4c5aab
```
#4c5aab rgb(76,90,171)
```

Shade Color Variation

#5764b4
```
#5764b4 rgb(87,100,180)
```
#6571ba
```
#6571ba rgb(101,113,186)
```
#727dc0
```
#727dc0 rgb(114,125,192)
```
#808ac6
```
#808ac6 rgb(128,138,198)
```
#8d96cc
```
#8d96cc rgb(141,150,204)
```
#9ba3d2
```
#9ba3d2 rgb(155,163,210)
```
#a8afd8
```
#a8afd8 rgb(168,175,216)
```
#b6bcde
```
#b6bcde rgb(182,188,222)
```
#c3c8e4
```
#c3c8e4 rgb(195,200,228)
```
#d1d5ea
```
#d1d5ea rgb(209,213,234)
```
#dfe1f1
```
#dfe1f1 rgb(223,225,241)
```
#eceef7
```
#eceef7 rgb(236,238,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#7c7f8f
```
#7c7f8f rgb(124,127,143)
```
#737898
```
#737898 rgb(115,120,152)
```
#6a71a1
```
#6a71a1 rgb(106,113,161)
```
#606bab
```
#606bab rgb(96,107,171)
```
#5764b4
```
#5764b4 rgb(87,100,180)
```
#4e5dbd
```
#4e5dbd rgb(78,93,189)
```
#4457c7
```
#4457c7 rgb(68,87,199)
```
#3b50d0
```
#3b50d0 rgb(59,80,208)
```
#3249d9
```
#3249d9 rgb(50,73,217)
```
#2842e3
```
#2842e3 rgb(40,66,227)
```
#1f3cec
```
#1f3cec rgb(31,60,236)
```
#1635f5
```
#1635f5 rgb(22,53,245)
```
#0c2eff
```
#0c2eff rgb(12,46,255)
```

Tone Color Variation

Below, you can see how #5764b4 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
#656878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d6fba Protanopia 1% of men
#3f72b5 Deuteranopia 1% of men
#497881 Tritanopia 0.001% of the population

Trichromacy

#506bb8 Protanomaly 1% of men, 0.01% of women
#476db4 Deuteranomaly 6% of men, 0.4% of women
#4e7194 Tritanomaly 0.01% of the population

#5764b4 hex color

#5764b4 Color Information

#5764b4 Color Conversion

Color Schemes with #5764b4

Alternatives to #5764b4

#5764b4 Preview

Shades and Tints of #5764b4

Tones of #5764b4

Color Blindness Simulator