#5096e3 hex color

In a RGB color space, hex #5096e3 is composed of 31.4% red, 58.8% green and 89% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 33.9% magenta, 0% yellow and 11% black. It has a hue angle of 211.4 degrees, a saturation of 72.4% and a lightness of 60.2%. #5096e3 color hex could be obtained by blending #a0ffff with #002dc7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 59
- B 89
RGB color chart
- C 65
- M 34
- Y 0
- K 11
CMYK color chart

● #5096e3 color description : Soft blue.

The hexadecimal color #5096e3 has RGB values of R:80, G:150, B:227 and CMYK values of C:0.65, M:0.34, Y:0, K:0.11. Its decimal value is 5281507.

Hex triplet	5096e3	`#5096e3`
RGB Decimal	80, 150, 227	`rgb(80,150,227)`
RGB Percent	31.4, 58.8, 89	`rgb(31.4%,58.8%,89%)`
CMYK	65, 34, 0, 11
HSL	211.4°, 72.4, 60.2	`hsl(211.4,72.4%,60.2%)`
HSV (or HSB)	211.4°, 64.8, 89
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.837, 1.803, -45.554
XYZ	28.077, 29.062, 76.799
xyY	0.21, 0.217, 29.062
CIE-LCH	60.837, 45.59, 272.267
CIE-LUV	60.837, -28.559, -72.499
Hunter-Lab	53.909, -1.377, -46.727
Binary	01010000, 10010110, 11100011

#5096e3
```
#5096e3 rgb(80,150,227)
```
#e39d50
```
#e39d50 rgb(227,157,80)
```

Complementary Color

#50e0e3
```
#50e0e3 rgb(80,224,227)
```
#5096e3
```
#5096e3 rgb(80,150,227)
```
#5450e3
```
#5450e3 rgb(84,80,227)
```

Analogous Color

#e0e350
```
#e0e350 rgb(224,227,80)
```
#5096e3
```
#5096e3 rgb(80,150,227)
```
#e35450
```
#e35450 rgb(227,84,80)
```

Split Complementary Color

#96e350
```
#96e350 rgb(150,227,80)
```
#5096e3
```
#5096e3 rgb(80,150,227)
```
#e35096
```
#e35096 rgb(227,80,150)
```

Triadic Color

#50e39d
```
#50e39d rgb(80,227,157)
```
#5096e3
```
#5096e3 rgb(80,150,227)
```
#e35096
```
#e35096 rgb(227,80,150)
```
#e39d50
```
#e39d50 rgb(227,157,80)
```

Tetradic Color

#206fc7
```
#206fc7 rgb(32,111,199)
```
#247cdc
```
#247cdc rgb(36,124,220)
```
#3a89df
```
#3a89df rgb(58,137,223)
```
#5096e3
```
#5096e3 rgb(80,150,227)
```
#66a3e7
```
#66a3e7 rgb(102,163,231)
```
#7cb0ea
```
#7cb0ea rgb(124,176,234)
```
#92beee
```
#92beee rgb(146,190,238)
```

Monochromatic Color

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

#50bbe3
```
#50bbe3 rgb(80,187,227)
```
#50afe3
```
#50afe3 rgb(80,175,227)
```
#50a2e3
```
#50a2e3 rgb(80,162,227)
```
#5096e3
```
#5096e3 rgb(80,150,227)
```
#508ae3
```
#508ae3 rgb(80,138,227)
```
#507ee3
```
#507ee3 rgb(80,126,227)
```
#5071e3
```
#5071e3 rgb(80,113,227)
```

Similar Colors

Text with hexadecimal color #5096e3

This text has a font color of #5096e3.

<span style="color:#5096e3;">Text here</span>

#5096e3 background color

This paragraph has a background color of #5096e3.

<p style="background-color:#5096e3;">Content here</p>

#5096e3 border color

This element has a border color of #5096e3.

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

CSS codes

.text {color:#5096e3;}

.background {background-color:#5096e3;}

.border {border:1px solid #5096e3;}

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

#02060b
```
#02060b rgb(2,6,11)
```
#04101c
```
#04101c rgb(4,16,28)
```
#07192d
```
#07192d rgb(7,25,45)
```
#0a233e
```
#0a233e rgb(10,35,62)
```
#0d2c4f
```
#0d2c4f rgb(13,44,79)
```
#0f3660
```
#0f3660 rgb(15,54,96)
```
#123f70
```
#123f70 rgb(18,63,112)
```
#154881
```
#154881 rgb(21,72,129)
```
#175292
```
#175292 rgb(23,82,146)
```
#1a5ba3
```
#1a5ba3 rgb(26,91,163)
```
#1d65b4
```
#1d65b4 rgb(29,101,180)
```
#206ec5
```
#206ec5 rgb(32,110,197)
```
#2278d6
```
#2278d6 rgb(34,120,214)
```

Shade Color Variation

#2e82de
```
#2e82de rgb(46,130,222)
```
#3f8ce0
```
#3f8ce0 rgb(63,140,224)
```
#5096e3
```
#5096e3 rgb(80,150,227)
```
#61a0e6
```
#61a0e6 rgb(97,160,230)
```
#72aae8
```
#72aae8 rgb(114,170,232)
```
#83b4eb
```
#83b4eb rgb(131,180,235)
```
#94bfee
```
#94bfee rgb(148,191,238)
```
#a5c9f1
```
#a5c9f1 rgb(165,201,241)
```
#b5d3f3
```
#b5d3f3 rgb(181,211,243)
```
#c6ddf6
```
#c6ddf6 rgb(198,221,246)
```
#d7e7f9
```
#d7e7f9 rgb(215,231,249)
```
#e8f1fb
```
#e8f1fb rgb(232,241,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96999d is the less saturated color, while #3995fa is the most saturated one.

#96999d
```
#96999d rgb(150,153,157)
```
#8e99a5
```
#8e99a5 rgb(142,153,165)
```
#8799ac
```
#8799ac rgb(135,153,172)
```
#7f98b4
```
#7f98b4 rgb(127,152,180)
```
#7798bc
```
#7798bc rgb(119,152,188)
```
#6f97c4
```
#6f97c4 rgb(111,151,196)
```
#6797cc
```
#6797cc rgb(103,151,204)
```
#6097d3
```
#6097d3 rgb(96,151,211)
```
#5896db
```
#5896db rgb(88,150,219)
```
#5096e3
```
#5096e3 rgb(80,150,227)
```
#4896eb
```
#4896eb rgb(72,150,235)
```
#4095f3
```
#4095f3 rgb(64,149,243)
```
#3995fa
```
#3995fa rgb(57,149,250)
```

Tone Color Variation

Below, you can see how #5096e3 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

#8a8a8a Achromatopsia 0.005% of the population
#7e8c9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b95e0 Protanopia 1% of men
#6a98e5 Deuteranopia 1% of men
#31a6b2 Tritanopia 0.001% of the population

Trichromacy

#6b95e1 Protanomaly 1% of men, 0.01% of women
#6097e4 Deuteranomaly 6% of men, 0.4% of women
#3ca0c4 Tritanomaly 0.01% of the population

#5096e3 hex color

#5096e3 Color Information

#5096e3 Color Conversion

Color Schemes with #5096e3

Alternatives to #5096e3

#5096e3 Preview

Shades and Tints of #5096e3

Tones of #5096e3

Color Blindness Simulator