#50a2c3 hex color

In a RGB color space, hex #50a2c3 is composed of 31.4% red, 63.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 16.9% magenta, 0% yellow and 23.5% black. It has a hue angle of 197.2 degrees, a saturation of 48.9% and a lightness of 53.9%. #50a2c3 color hex could be obtained by blending #a0ffff with #004587. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 64
- B 76
RGB color chart
- C 59
- M 17
- Y 0
- K 24
CMYK color chart

● #50a2c3 color description : Moderate blue.

The hexadecimal color #50a2c3 has RGB values of R:80, G:162, B:195 and CMYK values of C:0.59, M:0.17, Y:0, K:0.24. Its decimal value is 5284547.

Hex triplet	50a2c3	`#50a2c3`
RGB Decimal	80, 162, 195	`rgb(80,162,195)`
RGB Percent	31.4, 63.5, 76.5	`rgb(31.4%,63.5%,76.5%)`
CMYK	59, 17, 0, 24
HSL	197.2°, 48.9, 53.9	`hsl(197.2,48.9%,53.9%)`
HSV (or HSB)	197.2°, 59, 76.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.914, -15.256, -24.495
XYZ	26.076, 31.484, 56.33
xyY	0.229, 0.276, 31.484
CIE-LCH	62.914, 28.857, 238.085
CIE-LUV	62.914, -33.973, -35.758
Hunter-Lab	56.111, -15.24, -20.243
Binary	01010000, 10100010, 11000011

#50a2c3
```
#50a2c3 rgb(80,162,195)
```
#c37150
```
#c37150 rgb(195,113,80)
```

Complementary Color

#50c3ab
```
#50c3ab rgb(80,195,171)
```
#50a2c3
```
#50a2c3 rgb(80,162,195)
```
#5069c3
```
#5069c3 rgb(80,105,195)
```

Analogous Color

#c3ab50
```
#c3ab50 rgb(195,171,80)
```
#50a2c3
```
#50a2c3 rgb(80,162,195)
```
#c35069
```
#c35069 rgb(195,80,105)
```

Split Complementary Color

#a2c350
```
#a2c350 rgb(162,195,80)
```
#50a2c3
```
#50a2c3 rgb(80,162,195)
```
#c350a2
```
#c350a2 rgb(195,80,162)
```

Triadic Color

#50c371
```
#50c371 rgb(80,195,113)
```
#50a2c3
```
#50a2c3 rgb(80,162,195)
```
#c350a2
```
#c350a2 rgb(195,80,162)
```
#c37150
```
#c37150 rgb(195,113,80)
```

Tetradic Color

#337894
```
#337894 rgb(51,120,148)
```
#3987a7
```
#3987a7 rgb(57,135,167)
```
#4097ba
```
#4097ba rgb(64,151,186)
```
#50a2c3
```
#50a2c3 rgb(80,162,195)
```
#63acca
```
#63acca rgb(99,172,202)
```
#76b6d0
```
#76b6d0 rgb(118,182,208)
```
#89c0d7
```
#89c0d7 rgb(137,192,215)
```

Monochromatic Color

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

#50bfc3
```
#50bfc3 rgb(80,191,195)
```
#50b5c3
```
#50b5c3 rgb(80,181,195)
```
#50acc3
```
#50acc3 rgb(80,172,195)
```
#50a2c3
```
#50a2c3 rgb(80,162,195)
```
#5098c3
```
#5098c3 rgb(80,152,195)
```
#508fc3
```
#508fc3 rgb(80,143,195)
```
#5085c3
```
#5085c3 rgb(80,133,195)
```

Similar Colors

Text with hexadecimal color #50a2c3

This text has a font color of #50a2c3.

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

#50a2c3 background color

This paragraph has a background color of #50a2c3.

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

#50a2c3 border color

This element has a border color of #50a2c3.

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

CSS codes

.text {color:#50a2c3;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050c0f
```
#050c0f rgb(5,12,15)
```
#0a181e
```
#0a181e rgb(10,24,30)
```
#0f242c
```
#0f242c rgb(15,36,44)
```
#14303b
```
#14303b rgb(20,48,59)
```
#193b49
```
#193b49 rgb(25,59,73)
```
#1e4758
```
#1e4758 rgb(30,71,88)
```
#235367
```
#235367 rgb(35,83,103)
```
#285f75
```
#285f75 rgb(40,95,117)
```
#2d6b84
```
#2d6b84 rgb(45,107,132)
```
#327792
```
#327792 rgb(50,119,146)
```
#3783a1
```
#3783a1 rgb(55,131,161)
```
#3c8eb0
```
#3c8eb0 rgb(60,142,176)
```

Shade Color Variation

#419abe
```
#419abe rgb(65,154,190)
```
#50a2c3
```
#50a2c3 rgb(80,162,195)
```
#5faac8
```
#5faac8 rgb(95,170,200)
```
#6db2cd
```
#6db2cd rgb(109,178,205)
```
#7cb9d2
```
#7cb9d2 rgb(124,185,210)
```
#8ac1d7
```
#8ac1d7 rgb(138,193,215)
```
#99c9dc
```
#99c9dc rgb(153,201,220)
```
#a8d1e1
```
#a8d1e1 rgb(168,209,225)
```
#b6d8e6
```
#b6d8e6 rgb(182,216,230)
```
#c5e0eb
```
#c5e0eb rgb(197,224,235)
```
#d3e8f0
```
#d3e8f0 rgb(211,232,240)
```
#e2f0f5
```
#e2f0f5 rgb(226,240,245)
```
#f1f7fa
```
#f1f7fa rgb(241,247,250)
```

Tint Color Variation

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

#868b8d
```
#868b8d rgb(134,139,141)
```
#7d8f96
```
#7d8f96 rgb(125,143,150)
```
#74939f
```
#74939f rgb(116,147,159)
```
#6b96a8
```
#6b96a8 rgb(107,150,168)
```
#629ab1
```
#629ab1 rgb(98,154,177)
```
#599eba
```
#599eba rgb(89,158,186)
```
#50a2c3
```
#50a2c3 rgb(80,162,195)
```
#47a6cc
```
#47a6cc rgb(71,166,204)
```
#3eaad5
```
#3eaad5 rgb(62,170,213)
```
#35aede
```
#35aede rgb(53,174,222)
```
#2cb1e7
```
#2cb1e7 rgb(44,177,231)
```
#23b5f0
```
#23b5f0 rgb(35,181,240)
```
#1ab9f9
```
#1ab9f9 rgb(26,185,249)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#819198 Atypical Achromatopsia 0.001% of the population

Dichromacy

#949cbf Protanopia 1% of men
#929bca Deuteranopia 1% of men
#50a9b6 Tritanopia 0.001% of the population

Trichromacy

#7b9ec0 Protanomaly 1% of men, 0.01% of women
#7a9dc7 Deuteranomaly 6% of men, 0.4% of women
#50a6ba Tritanomaly 0.01% of the population

#50a2c3 hex color

#50a2c3 Color Information

#50a2c3 Color Conversion

Color Schemes with #50a2c3

Alternatives to #50a2c3

#50a2c3 Preview

Shades and Tints of #50a2c3

Tones of #50a2c3

Color Blindness Simulator