#5377f2 hex color

In a RGB color space, hex #5377f2 is composed of 32.5% red, 46.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 50.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 226.4 degrees, a saturation of 85.9% and a lightness of 63.7%. #5377f2 color hex could be obtained by blending #a6eeff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 47
- B 95
RGB color chart
- C 66
- M 51
- Y 0
- K 5
CMYK color chart

● #5377f2 color description : Soft blue.

The hexadecimal color #5377f2 has RGB values of R:83, G:119, B:242 and CMYK values of C:0.66, M:0.51, Y:0, K:0.05. Its decimal value is 5470194.

Hex triplet	5377f2	`#5377f2`
RGB Decimal	83, 119, 242	`rgb(83,119,242)`
RGB Percent	32.5, 46.7, 94.9	`rgb(32.5%,46.7%,94.9%)`
CMYK	66, 51, 0, 5
HSL	226.4°, 85.9, 63.7	`hsl(226.4,85.9%,63.7%)`
HSV (or HSB)	226.4°, 65.7, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.43, 26.088, -65.709
XYZ	26.188, 21.442, 86.758
xyY	0.195, 0.16, 21.442
CIE-LCH	53.43, 70.699, 291.654
CIE-LUV	53.43, -17.766, -104.874
Hunter-Lab	46.305, 19.915, -78.672
Binary	01010011, 01110111, 11110010

#5377f2
```
#5377f2 rgb(83,119,242)
```
#f2ce53
```
#f2ce53 rgb(242,206,83)
```

Complementary Color

#53c7f2
```
#53c7f2 rgb(83,199,242)
```
#5377f2
```
#5377f2 rgb(83,119,242)
```
#7f53f2
```
#7f53f2 rgb(127,83,242)
```

Analogous Color

#c7f253
```
#c7f253 rgb(199,242,83)
```
#5377f2
```
#5377f2 rgb(83,119,242)
```
#f27f53
```
#f27f53 rgb(242,127,83)
```

Split Complementary Color

#77f253
```
#77f253 rgb(119,242,83)
```
#5377f2
```
#5377f2 rgb(83,119,242)
```
#f25377
```
#f25377 rgb(242,83,119)
```

Triadic Color

#53f2ce
```
#53f2ce rgb(83,242,206)
```
#5377f2
```
#5377f2 rgb(83,119,242)
```
#f25377
```
#f25377 rgb(242,83,119)
```
#f2ce53
```
#f2ce53 rgb(242,206,83)
```

Tetradic Color

#1142e7
```
#1142e7 rgb(17,66,231)
```
#2452ee
```
#2452ee rgb(36,82,238)
```
#3b64f0
```
#3b64f0 rgb(59,100,240)
```
#5377f2
```
#5377f2 rgb(83,119,242)
```
#6b8af4
```
#6b8af4 rgb(107,138,244)
```
#829cf6
```
#829cf6 rgb(130,156,246)
```
#9aaff7
```
#9aaff7 rgb(154,175,247)
```

Monochromatic Color

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

#539ff2
```
#539ff2 rgb(83,159,242)
```
#5392f2
```
#5392f2 rgb(83,146,242)
```
#5384f2
```
#5384f2 rgb(83,132,242)
```
#5377f2
```
#5377f2 rgb(83,119,242)
```
#536af2
```
#536af2 rgb(83,106,242)
```
#535df2
```
#535df2 rgb(83,93,242)
```
#5753f2
```
#5753f2 rgb(87,83,242)
```

Similar Colors

Text with hexadecimal color #5377f2

This text has a font color of #5377f2.

<span style="color:#5377f2;">Text here</span>

#5377f2 background color

This paragraph has a background color of #5377f2.

<p style="background-color:#5377f2;">Content here</p>

#5377f2 border color

This element has a border color of #5377f2.

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

CSS codes

.text {color:#5377f2;}

.background {background-color:#5377f2;}

.border {border:1px solid #5377f2;}

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, #01030a is the darkest color, while #f7f9fe is the lightest one.

#01030a
```
#01030a rgb(1,3,10)
```
#02081d
```
#02081d rgb(2,8,29)
```
#040d2f
```
#040d2f rgb(4,13,47)
```
#051341
```
#051341 rgb(5,19,65)
```
#061853
```
#061853 rgb(6,24,83)
```
#081d66
```
#081d66 rgb(8,29,102)
```
#092278
```
#092278 rgb(9,34,120)
```
#0a278a
```
#0a278a rgb(10,39,138)
```
#0c2d9c
```
#0c2d9c rgb(12,45,156)
```
#0d32af
```
#0d32af rgb(13,50,175)
```
#0f37c1
```
#0f37c1 rgb(15,55,193)
```
#103cd3
```
#103cd3 rgb(16,60,211)
```
#1141e5
```
#1141e5 rgb(17,65,229)
```

Shade Color Variation

#1c4cee
```
#1c4cee rgb(28,76,238)
```
#2f5aef
```
#2f5aef rgb(47,90,239)
```
#4169f1
```
#4169f1 rgb(65,105,241)
```
#5377f2
```
#5377f2 rgb(83,119,242)
```
#6585f3
```
#6585f3 rgb(101,133,243)
```
#7794f5
```
#7794f5 rgb(119,148,245)
```
#8aa2f6
```
#8aa2f6 rgb(138,162,246)
```
#9cb1f8
```
#9cb1f8 rgb(156,177,248)
```
#aebff9
```
#aebff9 rgb(174,191,249)
```
#c0cefa
```
#c0cefa rgb(192,206,250)
```
#d3dcfc
```
#d3dcfc rgb(211,220,252)
```
#e5eafd
```
#e5eafd rgb(229,234,253)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#a1a2a4
```
#a1a2a4 rgb(161,162,164)
```
#9a9eab
```
#9a9eab rgb(154,158,171)
```
#939ab2
```
#939ab2 rgb(147,154,178)
```
#8c96b9
```
#8c96b9 rgb(140,150,185)
```
#8592c0
```
#8592c0 rgb(133,146,192)
```
#7e8ec7
```
#7e8ec7 rgb(126,142,199)
```
#778ace
```
#778ace rgb(119,138,206)
```
#6f87d6
```
#6f87d6 rgb(111,135,214)
```
#6883dd
```
#6883dd rgb(104,131,221)
```
#617fe4
```
#617fe4 rgb(97,127,228)
```
#5a7beb
```
#5a7beb rgb(90,123,235)
```
#5377f2
```
#5377f2 rgb(83,119,242)
```
#4c73f9
```
#4c73f9 rgb(76,115,249)
```

Tone Color Variation

Below, you can see how #5377f2 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

#7a7a7a Achromatopsia 0.005% of the population
#727992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3482f6 Protanopia 1% of men
#0088e1 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#3f7ef4 Protanomaly 1% of men, 0.01% of women
#1e82e7 Deuteranomaly 6% of men, 0.4% of women
#1e89bc Tritanomaly 0.01% of the population

#5377f2 hex color

#5377f2 Color Information

#5377f2 Color Conversion

Color Schemes with #5377f2

Alternatives to #5377f2

#5377f2 Preview

Shades and Tints of #5377f2

Tones of #5377f2

Color Blindness Simulator