#3050bd hex color

In a RGB color space, hex #3050bd is composed of 18.8% red, 31.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 57.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 226.4 degrees, a saturation of 59.5% and a lightness of 46.5%. #3050bd color hex could be obtained by blending #60a0ff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 31
- B 74
RGB color chart
- C 75
- M 58
- Y 0
- K 26
CMYK color chart

● #3050bd color description : Moderate blue.

The hexadecimal color #3050bd has RGB values of R:48, G:80, B:189 and CMYK values of C:0.75, M:0.58, Y:0, K:0.26. Its decimal value is 3166397.

Hex triplet	3050bd	`#3050bd`
RGB Decimal	48, 80, 189	`rgb(48,80,189)`
RGB Percent	18.8, 31.4, 74.1	`rgb(18.8%,31.4%,74.1%)`
CMYK	75, 58, 0, 26
HSL	226.4°, 59.5, 46.5	`hsl(226.4,59.5%,46.5%)`
HSV (or HSB)	226.4°, 74.6, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.912, 27.013, -60.707
XYZ	13.271, 10.039, 49.38
xyY	0.183, 0.138, 10.039
CIE-LCH	37.912, 66.446, 293.987
CIE-LUV	37.912, -13.65, -88.097
Hunter-Lab	31.684, 19.317, -70.224
Binary	00110000, 01010000, 10111101

#3050bd
```
#3050bd rgb(48,80,189)
```
#bd9d30
```
#bd9d30 rgb(189,157,48)
```

Complementary Color

#3097bd
```
#3097bd rgb(48,151,189)
```
#3050bd
```
#3050bd rgb(48,80,189)
```
#5630bd
```
#5630bd rgb(86,48,189)
```

Analogous Color

#97bd30
```
#97bd30 rgb(151,189,48)
```
#3050bd
```
#3050bd rgb(48,80,189)
```
#bd5730
```
#bd5730 rgb(189,87,48)
```

Split Complementary Color

#50bd30
```
#50bd30 rgb(80,189,48)
```
#3050bd
```
#3050bd rgb(48,80,189)
```
#bd3050
```
#bd3050 rgb(189,48,80)
```

Triadic Color

#30bd9d
```
#30bd9d rgb(48,189,157)
```
#3050bd
```
#3050bd rgb(48,80,189)
```
#bd3050
```
#bd3050 rgb(189,48,80)
```
#bd9d30
```
#bd9d30 rgb(189,157,48)
```

Tetradic Color

#213680
```
#213680 rgb(33,54,128)
```
#263f94
```
#263f94 rgb(38,63,148)
```
#2b47a9
```
#2b47a9 rgb(43,71,169)
```
#3050bd
```
#3050bd rgb(48,80,189)
```
#3a5bcd
```
#3a5bcd rgb(58,91,205)
```
#4e6cd2
```
#4e6cd2 rgb(78,108,210)
```
#627dd7
```
#627dd7 rgb(98,125,215)
```

Monochromatic Color

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

#3073bd
```
#3073bd rgb(48,115,189)
```
#3068bd
```
#3068bd rgb(48,104,189)
```
#305cbd
```
#305cbd rgb(48,92,189)
```
#3050bd
```
#3050bd rgb(48,80,189)
```
#3044bd
```
#3044bd rgb(48,68,189)
```
#3039bd
```
#3039bd rgb(48,57,189)
```
#3330bd
```
#3330bd rgb(51,48,189)
```

Similar Colors

Text with hexadecimal color #3050bd

This text has a font color of #3050bd.

<span style="color:#3050bd;">Text here</span>

#3050bd background color

This paragraph has a background color of #3050bd.

<p style="background-color:#3050bd;">Content here</p>

#3050bd border color

This element has a border color of #3050bd.

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

CSS codes

.text {color:#3050bd;}

.background {background-color:#3050bd;}

.border {border:1px solid #3050bd;}

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

#000101
```
#000101 rgb(0,1,1)
```
#040711
```
#040711 rgb(4,7,17)
```
#080e21
```
#080e21 rgb(8,14,33)
```
#0c1430
```
#0c1430 rgb(12,20,48)
```
#101b40
```
#101b40 rgb(16,27,64)
```
#142250
```
#142250 rgb(20,34,80)
```
#18285f
```
#18285f rgb(24,40,95)
```
#1c2f6f
```
#1c2f6f rgb(28,47,111)
```
#20367e
```
#20367e rgb(32,54,126)
```
#243c8e
```
#243c8e rgb(36,60,142)
```
#28439e
```
#28439e rgb(40,67,158)
```
#2c49ad
```
#2c49ad rgb(44,73,173)
```
#3050bd
```
#3050bd rgb(48,80,189)
```

Shade Color Variation

#3557cc
```
#3557cc rgb(53,87,204)
```
#4564d0
```
#4564d0 rgb(69,100,208)
```
#5471d4
```
#5471d4 rgb(84,113,212)
```
#647ed8
```
#647ed8 rgb(100,126,216)
```
#748bdc
```
#748bdc rgb(116,139,220)
```
#8398e0
```
#8398e0 rgb(131,152,224)
```
#93a5e4
```
#93a5e4 rgb(147,165,228)
```
#a2b2e7
```
#a2b2e7 rgb(162,178,231)
```
#b2bfeb
```
#b2bfeb rgb(178,191,235)
```
#c2ccef
```
#c2ccef rgb(194,204,239)
```
#d1d9f3
```
#d1d9f3 rgb(209,217,243)
```
#e1e6f7
```
#e1e6f7 rgb(225,230,247)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Tint Color Variation

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

#70737d
```
#70737d rgb(112,115,125)
```
#676e86
```
#676e86 rgb(103,110,134)
```
#5e698f
```
#5e698f rgb(94,105,143)
```
#546499
```
#546499 rgb(84,100,153)
```
#4b5fa2
```
#4b5fa2 rgb(75,95,162)
```
#425aab
```
#425aab rgb(66,90,171)
```
#3955b4
```
#3955b4 rgb(57,85,180)
```
#3050bd
```
#3050bd rgb(48,80,189)
```
#274bc6
```
#274bc6 rgb(39,75,198)
```
#1e46cf
```
#1e46cf rgb(30,70,207)
```
#1541d8
```
#1541d8 rgb(21,65,216)
```
#0c3ce1
```
#0c3ce1 rgb(12,60,225)
```
#0237eb
```
#0237eb rgb(2,55,235)
```

Tone Color Variation

Below, you can see how #3050bd 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

#535353 Achromatopsia 0.005% of the population
#4c5268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0064a2 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1159ba Protanomaly 1% of men, 0.01% of women
#115cac Deuteranomaly 6% of men, 0.4% of women
#11618d Tritanomaly 0.01% of the population

#3050bd hex color

#3050bd Color Information

#3050bd Color Conversion

Color Schemes with #3050bd

Alternatives to #3050bd

#3050bd Preview

Shades and Tints of #3050bd

Tones of #3050bd

Color Blindness Simulator