#2050f0 hex color

In a RGB color space, hex #2050f0 is composed of 12.5% red, 31.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 66.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 226.2 degrees, a saturation of 87.4% and a lightness of 53.3%. #2050f0 color hex could be obtained by blending #40a0ff with #0000e1. Closest websafe color is: #3366ff.

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

● #2050f0 color description : Vivid blue.

The hexadecimal color #2050f0 has RGB values of R:32, G:80, B:240 and CMYK values of C:0.87, M:0.67, Y:0, K:0.06. Its decimal value is 2117872.

Hex triplet	2050f0	`#2050f0`
RGB Decimal	32, 80, 240	`rgb(32,80,240)`
RGB Percent	12.5, 31.4, 94.1	`rgb(12.5%,31.4%,94.1%)`
CMYK	87, 67, 0, 6
HSL	226.2°, 87.4, 53.3	`hsl(226.2,87.4%,53.3%)`
HSV (or HSB)	226.2°, 86.7, 94.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.742, 44.431, -83.73
XYZ	19.189, 12.334, 83.803
xyY	0.166, 0.107, 12.334
CIE-LCH	41.742, 94.789, 297.953
CIE-LUV	41.742, -15.937, -121.928
Hunter-Lab	35.12, 36.071, -116.893
Binary	00100000, 01010000, 11110000

#2050f0
```
#2050f0 rgb(32,80,240)
```
#f0c020
```
#f0c020 rgb(240,192,32)
```

Complementary Color

#20b8f0
```
#20b8f0 rgb(32,184,240)
```
#2050f0
```
#2050f0 rgb(32,80,240)
```
#5820f0
```
#5820f0 rgb(88,32,240)
```

Analogous Color

#b8f020
```
#b8f020 rgb(184,240,32)
```
#2050f0
```
#2050f0 rgb(32,80,240)
```
#f05820
```
#f05820 rgb(240,88,32)
```

Split Complementary Color

#50f020
```
#50f020 rgb(80,240,32)
```
#2050f0
```
#2050f0 rgb(32,80,240)
```
#f02050
```
#f02050 rgb(240,32,80)
```

Triadic Color

#20f0c0
```
#20f0c0 rgb(32,240,192)
```
#2050f0
```
#2050f0 rgb(32,80,240)
```
#f02050
```
#f02050 rgb(240,32,80)
```
#f0c020
```
#f0c020 rgb(240,192,32)
```

Tetradic Color

#0c34b7
```
#0c34b7 rgb(12,52,183)
```
#0e3bcf
```
#0e3bcf rgb(14,59,207)
```
#1041e7
```
#1041e7 rgb(16,65,231)
```
#2050f0
```
#2050f0 rgb(32,80,240)
```
#3863f2
```
#3863f2 rgb(56,99,242)
```
#5076f3
```
#5076f3 rgb(80,118,243)
```
#6888f5
```
#6888f5 rgb(104,136,245)
```

Monochromatic Color

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

#2084f0
```
#2084f0 rgb(32,132,240)
```
#2073f0
```
#2073f0 rgb(32,115,240)
```
#2061f0
```
#2061f0 rgb(32,97,240)
```
#2050f0
```
#2050f0 rgb(32,80,240)
```
#203ff0
```
#203ff0 rgb(32,63,240)
```
#202df0
```
#202df0 rgb(32,45,240)
```
#2420f0
```
#2420f0 rgb(36,32,240)
```

Similar Colors

Text with hexadecimal color #2050f0

This text has a font color of #2050f0.

<span style="color:#2050f0;">Text here</span>

#2050f0 background color

This paragraph has a background color of #2050f0.

<p style="background-color:#2050f0;">Content here</p>

#2050f0 border color

This element has a border color of #2050f0.

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

CSS codes

.text {color:#2050f0;}

.background {background-color:#2050f0;}

.border {border:1px solid #2050f0;}

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

#010410
```
#010410 rgb(1,4,16)
```
#020a22
```
#020a22 rgb(2,10,34)
```
#040f35
```
#040f35 rgb(4,15,53)
```
#051447
```
#051447 rgb(5,20,71)
```
#061959
```
#061959 rgb(6,25,89)
```
#071e6c
```
#071e6c rgb(7,30,108)
```
#08247e
```
#08247e rgb(8,36,126)
```
#0a2991
```
#0a2991 rgb(10,41,145)
```
#0b2ea3
```
#0b2ea3 rgb(11,46,163)
```
#0c33b5
```
#0c33b5 rgb(12,51,181)
```
#0d38c8
```
#0d38c8 rgb(13,56,200)
```
#0f3eda
```
#0f3eda rgb(15,62,218)
```
#1043ec
```
#1043ec rgb(16,67,236)
```

Shade Color Variation

#2050f0
```
#2050f0 rgb(32,80,240)
```
#325ef1
```
#325ef1 rgb(50,94,241)
```
#456df2
```
#456df2 rgb(69,109,242)
```
#577bf4
```
#577bf4 rgb(87,123,244)
```
#6a8af5
```
#6a8af5 rgb(106,138,245)
```
#7c98f6
```
#7c98f6 rgb(124,152,246)
```
#8ea7f7
```
#8ea7f7 rgb(142,167,247)
```
#a1b5f9
```
#a1b5f9 rgb(161,181,249)
```
#b3c3fa
```
#b3c3fa rgb(179,195,250)
```
#c5d2fb
```
#c5d2fb rgb(197,210,251)
```
#d8e0fc
```
#d8e0fc rgb(216,224,252)
```
#eaeffe
```
#eaeffe rgb(234,239,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85868b is the less saturated color, while #174bf9 is the most saturated one.

#85868b
```
#85868b rgb(133,134,139)
```
#7c8194
```
#7c8194 rgb(124,129,148)
```
#727c9e
```
#727c9e rgb(114,124,158)
```
#6977a7
```
#6977a7 rgb(105,119,167)
```
#6073b0
```
#6073b0 rgb(96,115,176)
```
#576eb9
```
#576eb9 rgb(87,110,185)
```
#4e69c2
```
#4e69c2 rgb(78,105,194)
```
#4564cb
```
#4564cb rgb(69,100,203)
```
#3b5fd5
```
#3b5fd5 rgb(59,95,213)
```
#325ade
```
#325ade rgb(50,90,222)
```
#2955e7
```
#2955e7 rgb(41,85,231)
```
#2050f0
```
#2050f0 rgb(32,80,240)
```
#174bf9
```
#174bf9 rgb(23,75,249)
```

Tone Color Variation

Below, you can see how #2050f0 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

#545454 Achromatopsia 0.005% of the population
#4a5373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#0b5ed7 Protanomaly 1% of men, 0.01% of women
#0b62c6 Deuteranomaly 6% of men, 0.4% of women
#0b67a5 Tritanomaly 0.01% of the population

#2050f0 hex color

#2050f0 Color Information

#2050f0 Color Conversion

Color Schemes with #2050f0

Alternatives to #2050f0

#2050f0 Preview

Shades and Tints of #2050f0

Tones of #2050f0

Color Blindness Simulator