#3053bb hex color

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

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

● #3053bb color description : Moderate blue.

The hexadecimal color #3053bb has RGB values of R:48, G:83, B:187 and CMYK values of C:0.74, M:0.56, Y:0, K:0.27. Its decimal value is 3167163.

Hex triplet	3053bb	`#3053bb`
RGB Decimal	48, 83, 187	`rgb(48,83,187)`
RGB Percent	18.8, 32.5, 73.3	`rgb(18.8%,32.5%,73.3%)`
CMYK	74, 56, 0, 27
HSL	224.9°, 59.1, 46.1	`hsl(224.9,59.1%,46.1%)`
HSV (or HSB)	224.9°, 74.3, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.554, 24.304, -58.492
XYZ	13.28, 10.402, 48.319
xyY	0.184, 0.144, 10.402
CIE-LCH	38.554, 63.341, 292.563
CIE-LUV	38.554, -14.44, -85.428
Hunter-Lab	32.252, 17.058, -66.25
Binary	00110000, 01010011, 10111011

#3053bb
```
#3053bb rgb(48,83,187)
```
#bb9830
```
#bb9830 rgb(187,152,48)
```

Complementary Color

#3099bb
```
#3099bb rgb(48,153,187)
```
#3053bb
```
#3053bb rgb(48,83,187)
```
#5230bb
```
#5230bb rgb(82,48,187)
```

Analogous Color

#99bb30
```
#99bb30 rgb(153,187,48)
```
#3053bb
```
#3053bb rgb(48,83,187)
```
#bb5230
```
#bb5230 rgb(187,82,48)
```

Split Complementary Color

#53bb30
```
#53bb30 rgb(83,187,48)
```
#3053bb
```
#3053bb rgb(48,83,187)
```
#bb3053
```
#bb3053 rgb(187,48,83)
```

Triadic Color

#30bb98
```
#30bb98 rgb(48,187,152)
```
#3053bb
```
#3053bb rgb(48,83,187)
```
#bb3053
```
#bb3053 rgb(187,48,83)
```
#bb9830
```
#bb9830 rgb(187,152,48)
```

Tetradic Color

#20387e
```
#20387e rgb(32,56,126)
```
#264192
```
#264192 rgb(38,65,146)
```
#2b4aa7
```
#2b4aa7 rgb(43,74,167)
```
#3053bb
```
#3053bb rgb(48,83,187)
```
#385ecc
```
#385ecc rgb(56,94,204)
```
#4d6ed1
```
#4d6ed1 rgb(77,110,209)
```
#617fd6
```
#617fd6 rgb(97,127,214)
```

Monochromatic Color

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

#3076bb
```
#3076bb rgb(48,118,187)
```
#306abb
```
#306abb rgb(48,106,187)
```
#305fbb
```
#305fbb rgb(48,95,187)
```
#3053bb
```
#3053bb rgb(48,83,187)
```
#3047bb
```
#3047bb rgb(48,71,187)
```
#303cbb
```
#303cbb rgb(48,60,187)
```
#3030bb
```
#3030bb rgb(48,48,187)
```

Similar Colors

Text with hexadecimal color #3053bb

This text has a font color of #3053bb.

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

#3053bb background color

This paragraph has a background color of #3053bb.

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

#3053bb border color

This element has a border color of #3053bb.

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

CSS codes

.text {color:#3053bb;}

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

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

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)
```
#080e1f
```
#080e1f rgb(8,14,31)
```
#0c152f
```
#0c152f rgb(12,21,47)
```
#101c3e
```
#101c3e rgb(16,28,62)
```
#14234e
```
#14234e rgb(20,35,78)
```
#18295d
```
#18295d rgb(24,41,93)
```
#1c306d
```
#1c306d rgb(28,48,109)
```
#20377d
```
#20377d rgb(32,55,125)
```
#243e8c
```
#243e8c rgb(36,62,140)
```
#28459c
```
#28459c rgb(40,69,156)
```
#2c4cab
```
#2c4cab rgb(44,76,171)
```
#3053bb
```
#3053bb rgb(48,83,187)
```
#345acb
```
#345acb rgb(52,90,203)
```

Shade Color Variation

#4367cf
```
#4367cf rgb(67,103,207)
```
#5373d3
```
#5373d3 rgb(83,115,211)
```
#6380d7
```
#6380d7 rgb(99,128,215)
```
#728ddb
```
#728ddb rgb(114,141,219)
```
#8299df
```
#8299df rgb(130,153,223)
```
#91a6e3
```
#91a6e3 rgb(145,166,227)
```
#a1b3e7
```
#a1b3e7 rgb(161,179,231)
```
#b1bfeb
```
#b1bfeb rgb(177,191,235)
```
#c0ccef
```
#c0ccef rgb(192,204,239)
```
#d0d9f3
```
#d0d9f3 rgb(208,217,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 #033de8 is the most saturated one.

#6f727c
```
#6f727c rgb(111,114,124)
```
#666e85
```
#666e85 rgb(102,110,133)
```
#5d698e
```
#5d698e rgb(93,105,142)
```
#546597
```
#546597 rgb(84,101,151)
```
#4b60a0
```
#4b60a0 rgb(75,96,160)
```
#425ca9
```
#425ca9 rgb(66,92,169)
```
#3957b2
```
#3957b2 rgb(57,87,178)
```
#3053bb
```
#3053bb rgb(48,83,187)
```
#274fc4
```
#274fc4 rgb(39,79,196)
```
#1e4acd
```
#1e4acd rgb(30,74,205)
```
#1546d6
```
#1546d6 rgb(21,70,214)
```
#0c41df
```
#0c41df rgb(12,65,223)
```
#033de8
```
#033de8 rgb(3,61,232)
```

Tone Color Variation

Below, you can see how #3053bb 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
#4d5469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0065a5 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#115bbc Protanomaly 1% of men, 0.01% of women
#115ead Deuteranomaly 6% of men, 0.4% of women
#11638d Tritanomaly 0.01% of the population

#3053bb hex color

#3053bb Color Information

#3053bb Color Conversion

Color Schemes with #3053bb

Alternatives to #3053bb

#3053bb Preview

Shades and Tints of #3053bb

Tones of #3053bb

Color Blindness Simulator