#3050bb hex color

In a RGB color space, hex #3050bb is composed of 18.8% red, 31.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 57.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 226.2 degrees, a saturation of 59.1% and a lightness of 46.1%. #3050bb color hex could be obtained by blending #60a0ff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 31
- B 73
RGB color chart
- C 74
- M 57
- Y 0
- K 27
CMYK color chart

● #3050bb color description : Moderate blue.

The hexadecimal color #3050bb has RGB values of R:48, G:80, B:187 and CMYK values of C:0.74, M:0.57, Y:0, K:0.27. Its decimal value is 3166395.

Hex triplet	3050bb	`#3050bb`
RGB Decimal	48, 80, 187	`rgb(48,80,187)`
RGB Percent	18.8, 31.4, 73.3	`rgb(18.8%,31.4%,73.3%)`
CMYK	74, 57, 0, 27
HSL	226.2°, 59.1, 46.1	`hsl(226.2,59.1%,46.1%)`
HSV (or HSB)	226.2°, 74.3, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.757, 26.268, -59.787
XYZ	13.055, 9.953, 48.244
xyY	0.183, 0.14, 9.953
CIE-LCH	37.757, 65.303, 293.718
CIE-LUV	37.757, -13.636, -86.702
Hunter-Lab	31.548, 18.659, -68.585
Binary	00110000, 01010000, 10111011

#3050bb
```
#3050bb rgb(48,80,187)
```
#bb9b30
```
#bb9b30 rgb(187,155,48)
```

Complementary Color

#3096bb
```
#3096bb rgb(48,150,187)
```
#3050bb
```
#3050bb rgb(48,80,187)
```
#5630bb
```
#5630bb rgb(86,48,187)
```

Analogous Color

#96bb30
```
#96bb30 rgb(150,187,48)
```
#3050bb
```
#3050bb rgb(48,80,187)
```
#bb5530
```
#bb5530 rgb(187,85,48)
```

Split Complementary Color

#50bb30
```
#50bb30 rgb(80,187,48)
```
#3050bb
```
#3050bb rgb(48,80,187)
```
#bb3050
```
#bb3050 rgb(187,48,80)
```

Triadic Color

#30bb9b
```
#30bb9b rgb(48,187,155)
```
#3050bb
```
#3050bb rgb(48,80,187)
```
#bb3050
```
#bb3050 rgb(187,48,80)
```
#bb9b30
```
#bb9b30 rgb(187,155,48)
```

Tetradic Color

#20367e
```
#20367e rgb(32,54,126)
```
#263f92
```
#263f92 rgb(38,63,146)
```
#2b47a7
```
#2b47a7 rgb(43,71,167)
```
#3050bb
```
#3050bb rgb(48,80,187)
```
#385acc
```
#385acc rgb(56,90,204)
```
#4d6bd1
```
#4d6bd1 rgb(77,107,209)
```
#617cd6
```
#617cd6 rgb(97,124,214)
```

Monochromatic Color

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

#3073bb
```
#3073bb rgb(48,115,187)
```
#3067bb
```
#3067bb rgb(48,103,187)
```
#305cbb
```
#305cbb rgb(48,92,187)
```
#3050bb
```
#3050bb rgb(48,80,187)
```
#3044bb
```
#3044bb rgb(48,68,187)
```
#3039bb
```
#3039bb rgb(48,57,187)
```
#3330bb
```
#3330bb rgb(51,48,187)
```

Similar Colors

Text with hexadecimal color #3050bb

This text has a font color of #3050bb.

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

#3050bb background color

This paragraph has a background color of #3050bb.

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

#3050bb border color

This element has a border color of #3050bb.

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

CSS codes

.text {color:#3050bb;}

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

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

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, #04070f is the darkest color, while #ffffff is the lightest one.

#04070f
```
#04070f rgb(4,7,15)
```
#080d1f
```
#080d1f rgb(8,13,31)
```
#0c142f
```
#0c142f rgb(12,20,47)
```
#101b3e
```
#101b3e rgb(16,27,62)
```
#14214e
```
#14214e rgb(20,33,78)
```
#18285d
```
#18285d rgb(24,40,93)
```
#1c2f6d
```
#1c2f6d rgb(28,47,109)
```
#20357d
```
#20357d rgb(32,53,125)
```
#243c8c
```
#243c8c rgb(36,60,140)
```
#28439c
```
#28439c rgb(40,67,156)
```
#2c49ab
```
#2c49ab rgb(44,73,171)
```
#3050bb
```
#3050bb rgb(48,80,187)
```
#3457cb
```
#3457cb rgb(52,87,203)
```

Shade Color Variation

#4363cf
```
#4363cf rgb(67,99,207)
```
#5370d3
```
#5370d3 rgb(83,112,211)
```
#637dd7
```
#637dd7 rgb(99,125,215)
```
#728adb
```
#728adb rgb(114,138,219)
```
#8297df
```
#8297df rgb(130,151,223)
```
#91a4e3
```
#91a4e3 rgb(145,164,227)
```
#a1b1e7
```
#a1b1e7 rgb(161,177,231)
```
#b1beeb
```
#b1beeb rgb(177,190,235)
```
#c0cbef
```
#c0cbef rgb(192,203,239)
```
#d0d8f3
```
#d0d8f3 rgb(208,216,243)
```
#dfe5f7
```
#dfe5f7 rgb(223,229,247)
```
#eff2fb
```
#eff2fb rgb(239,242,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f727c is the less saturated color, while #0338e8 is the most saturated one.

#6f727c
```
#6f727c rgb(111,114,124)
```
#666d85
```
#666d85 rgb(102,109,133)
```
#5d688e
```
#5d688e rgb(93,104,142)
```
#546497
```
#546497 rgb(84,100,151)
```
#4b5fa0
```
#4b5fa0 rgb(75,95,160)
```
#425aa9
```
#425aa9 rgb(66,90,169)
```
#3955b2
```
#3955b2 rgb(57,85,178)
```
#3050bb
```
#3050bb rgb(48,80,187)
```
#274bc4
```
#274bc4 rgb(39,75,196)
```
#1e46cd
```
#1e46cd rgb(30,70,205)
```
#1541d6
```
#1541d6 rgb(21,65,214)
```
#0c3cdf
```
#0c3cdf rgb(12,60,223)
```
#0338e8
```
#0338e8 rgb(3,56,232)
```

Tone Color Variation

Below, you can see how #3050bb 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
#0063a2 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1159b9 Protanomaly 1% of men, 0.01% of women
#115cab Deuteranomaly 6% of men, 0.4% of women
#11618c Tritanomaly 0.01% of the population

#3050bb hex color

#3050bb Color Information

#3050bb Color Conversion

Color Schemes with #3050bb

Alternatives to #3050bb

#3050bb Preview

Shades and Tints of #3050bb

Tones of #3050bb

Color Blindness Simulator