#50a2de hex color

In a RGB color space, hex #50a2de is composed of 31.4% red, 63.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 27% magenta, 0% yellow and 12.9% black. It has a hue angle of 205.4 degrees, a saturation of 68.3% and a lightness of 59.2%. #50a2de color hex could be obtained by blending #a0ffff with #0045bd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 64
- B 87
RGB color chart
- C 64
- M 27
- Y 0
- K 13
CMYK color chart

● #50a2de color description : Soft blue.

The hexadecimal color #50a2de has RGB values of R:80, G:162, B:222 and CMYK values of C:0.64, M:0.27, Y:0, K:0.13. Its decimal value is 5284574.

Hex triplet	50a2de	`#50a2de`
RGB Decimal	80, 162, 222	`rgb(80,162,222)`
RGB Percent	31.4, 63.5, 87.1	`rgb(31.4%,63.5%,87.1%)`
CMYK	64, 27, 0, 13
HSL	205.4°, 68.3, 59.2	`hsl(205.4,68.3%,59.2%)`
HSV (or HSB)	205.4°, 64, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.013, -6.698, -37.798
XYZ	29.41, 32.818, 73.888
xyY	0.216, 0.241, 32.818
CIE-LCH	64.013, 38.387, 259.952
CIE-LUV	64.013, -32.938, -59.079
Hunter-Lab	57.287, -8.613, -36.37
Binary	01010000, 10100010, 11011110

#50a2de
```
#50a2de rgb(80,162,222)
```
#de8c50
```
#de8c50 rgb(222,140,80)
```

Complementary Color

#50ded3
```
#50ded3 rgb(80,222,211)
```
#50a2de
```
#50a2de rgb(80,162,222)
```
#505bde
```
#505bde rgb(80,91,222)
```

Analogous Color

#ded350
```
#ded350 rgb(222,211,80)
```
#50a2de
```
#50a2de rgb(80,162,222)
```
#de505b
```
#de505b rgb(222,80,91)
```

Split Complementary Color

#a2de50
```
#a2de50 rgb(162,222,80)
```
#50a2de
```
#50a2de rgb(80,162,222)
```
#de50a2
```
#de50a2 rgb(222,80,162)
```

Triadic Color

#50de8c
```
#50de8c rgb(80,222,140)
```
#50a2de
```
#50a2de rgb(80,162,222)
```
#de50a2
```
#de50a2 rgb(222,80,162)
```
#de8c50
```
#de8c50 rgb(222,140,80)
```

Tetradic Color

#247dbe
```
#247dbe rgb(36,125,190)
```
#288bd3
```
#288bd3 rgb(40,139,211)
```
#3b97da
```
#3b97da rgb(59,151,218)
```
#50a2de
```
#50a2de rgb(80,162,222)
```
#65ade2
```
#65ade2 rgb(101,173,226)
```
#7bb9e6
```
#7bb9e6 rgb(123,185,230)
```
#90c4ea
```
#90c4ea rgb(144,196,234)
```

Monochromatic Color

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

#50c6de
```
#50c6de rgb(80,198,222)
```
#50bade
```
#50bade rgb(80,186,222)
```
#50aede
```
#50aede rgb(80,174,222)
```
#50a2de
```
#50a2de rgb(80,162,222)
```
#5096de
```
#5096de rgb(80,150,222)
```
#508ade
```
#508ade rgb(80,138,222)
```
#507fde
```
#507fde rgb(80,127,222)
```

Similar Colors

Text with hexadecimal color #50a2de

This text has a font color of #50a2de.

<span style="color:#50a2de;">Text here</span>

#50a2de background color

This paragraph has a background color of #50a2de.

<p style="background-color:#50a2de;">Content here</p>

#50a2de border color

This element has a border color of #50a2de.

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

CSS codes

.text {color:#50a2de;}

.background {background-color:#50a2de;}

.border {border:1px solid #50a2de;}

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

#010407
```
#010407 rgb(1,4,7)
```
#040f17
```
#040f17 rgb(4,15,23)
```
#071a28
```
#071a28 rgb(7,26,40)
```
#0b2538
```
#0b2538 rgb(11,37,56)
```
#0e3049
```
#0e3049 rgb(14,48,73)
```
#113b59
```
#113b59 rgb(17,59,89)
```
#14456a
```
#14456a rgb(20,69,106)
```
#17507a
```
#17507a rgb(23,80,122)
```
#1a5b8b
```
#1a5b8b rgb(26,91,139)
```
#1d669b
```
#1d669b rgb(29,102,155)
```
#2071ac
```
#2071ac rgb(32,113,172)
```
#237cbc
```
#237cbc rgb(35,124,188)
```
#2786cd
```
#2786cd rgb(39,134,205)
```

Shade Color Variation

#2f90d8
```
#2f90d8 rgb(47,144,216)
```
#3f99db
```
#3f99db rgb(63,153,219)
```
#50a2de
```
#50a2de rgb(80,162,222)
```
#61abe1
```
#61abe1 rgb(97,171,225)
```
#71b4e4
```
#71b4e4 rgb(113,180,228)
```
#82bce7
```
#82bce7 rgb(130,188,231)
```
#92c5ea
```
#92c5ea rgb(146,197,234)
```
#a3ceee
```
#a3ceee rgb(163,206,238)
```
#b3d7f1
```
#b3d7f1 rgb(179,215,241)
```
#c4dff4
```
#c4dff4 rgb(196,223,244)
```
#d4e8f7
```
#d4e8f7 rgb(212,232,247)
```
#e5f1fa
```
#e5f1fa rgb(229,241,250)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90989e is the less saturated color, while #30a7fe is the most saturated one.

#90989e
```
#90989e rgb(144,152,158)
```
#8899a6
```
#8899a6 rgb(136,153,166)
```
#809bae
```
#809bae rgb(128,155,174)
```
#789cb6
```
#789cb6 rgb(120,156,182)
```
#709dbe
```
#709dbe rgb(112,157,190)
```
#689ec6
```
#689ec6 rgb(104,158,198)
```
#60a0ce
```
#60a0ce rgb(96,160,206)
```
#58a1d6
```
#58a1d6 rgb(88,161,214)
```
#50a2de
```
#50a2de rgb(80,162,222)
```
#48a3e6
```
#48a3e6 rgb(72,163,230)
```
#40a4ee
```
#40a4ee rgb(64,164,238)
```
#38a6f6
```
#38a6f6 rgb(56,166,246)
```
#30a7fe
```
#30a7fe rgb(48,167,254)
```

Tone Color Variation

Below, you can see how #50a2de 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

#909090 Achromatopsia 0.005% of the population
#8394a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c9ed9 Protanopia 1% of men
#829fe2 Deuteranopia 1% of men
#3faeba Tritanopia 0.001% of the population

Trichromacy

#769fdb Protanomaly 1% of men, 0.01% of women
#6fa0e1 Deuteranomaly 6% of men, 0.4% of women
#45a9c7 Tritanomaly 0.01% of the population

#50a2de hex color

#50a2de Color Information

#50a2de Color Conversion

Color Schemes with #50a2de

Alternatives to #50a2de

#50a2de Preview

Shades and Tints of #50a2de

Tones of #50a2de

Color Blindness Simulator