colorhexa.com

#3048c6 hex color

In a RGB color space, hex #3048c6 is composed of 18.8% red, 28.2% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 63.6% magenta, 0% yellow and 22.4% black. It has a hue angle of 230.4 degrees, a saturation of 61% and a lightness of 48.2%. #3048c6 color hex could be obtained by blending #6090ff with #00008d. Closest websafe color is: #3333cc.

- R 19
- G 28
- B 78
RGB color chart
- C 76
- M 64
- Y 0
- K 22
CMYK color chart

● #3048c6 color description : Strong blue.

The hexadecimal color #3048c6 has RGB values of R:48, G:72, B:198 and CMYK values of C:0.76, M:0.64, Y:0, K:0.22. Its decimal value is 3164358.

Hex triplet	3048c6	`#3048c6`
RGB Decimal	48, 72, 198	`rgb(48,72,198)`
RGB Percent	18.8, 28.2, 77.6	`rgb(18.8%,28.2%,77.6%)`
CMYK	76, 64, 0, 22
HSL	230.4°, 61, 48.2	`hsl(230.4,61%,48.2%)`
HSV (or HSB)	230.4°, 75.8, 77.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.63, 35.48, -68.058
XYZ	13.727, 9.339, 54.502
xyY	0.177, 0.12, 9.339
CIE-LCH	36.63, 76.751, 297.534
CIE-LUV	36.63, -11.811, -96.881
Hunter-Lab	30.56, 26.698, -84.347
Binary	00110000, 01001000, 11000110

#3048c6
```
#3048c6 rgb(48,72,198)
```
#c6ae30
```
#c6ae30 rgb(198,174,48)
```

Complementary Color

#3093c6
```
#3093c6 rgb(48,147,198)
```
#3048c6
```
#3048c6 rgb(48,72,198)
```
#6330c6
```
#6330c6 rgb(99,48,198)
```

Analogous Color

#93c630
```
#93c630 rgb(147,198,48)
```
#3048c6
```
#3048c6 rgb(48,72,198)
```
#c66330
```
#c66330 rgb(198,99,48)
```

Split Complementary Color

#48c630
```
#48c630 rgb(72,198,48)
```
#3048c6
```
#3048c6 rgb(48,72,198)
```
#c63048
```
#c63048 rgb(198,48,72)
```

Triadic Color

#30c6ae
```
#30c6ae rgb(48,198,174)
```
#3048c6
```
#3048c6 rgb(48,72,198)
```
#c63048
```
#c63048 rgb(198,48,72)
```
#c6ae30
```
#c6ae30 rgb(198,174,48)
```

Tetradic Color

#213288
```
#213288 rgb(33,50,136)
```
#26399d
```
#26399d rgb(38,57,157)
```
#2b41b1
```
#2b41b1 rgb(43,65,177)
```
#3048c6
```
#3048c6 rgb(48,72,198)
```
#3f56d0
```
#3f56d0 rgb(63,86,208)
```
#5468d5
```
#5468d5 rgb(84,104,213)
```
#687ada
```
#687ada rgb(104,122,218)
```

Monochromatic Color

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

#306ec6
```
#306ec6 rgb(48,110,198)
```
#3061c6
```
#3061c6 rgb(48,97,198)
```
#3055c6
```
#3055c6 rgb(48,85,198)
```
#3048c6
```
#3048c6 rgb(48,72,198)
```
#303cc6
```
#303cc6 rgb(48,60,198)
```
#3130c6
```
#3130c6 rgb(49,48,198)
```
#3e30c6
```
#3e30c6 rgb(62,48,198)
```

Similar Colors

Text with hexadecimal color #3048c6

This text has a font color of #3048c6.

<span style="color:#3048c6;">Text here</span>

#3048c6 background color

This paragraph has a background color of #3048c6.

<p style="background-color:#3048c6;">Content here</p>

#3048c6 border color

This element has a border color of #3048c6.

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

CSS codes

.text {color:#3048c6;}

.background {background-color:#3048c6;}

.border {border:1px solid #3048c6;}

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

#020309
```
#020309 rgb(2,3,9)
```
#060918
```
#060918 rgb(6,9,24)
```
#0a0f28
```
#0a0f28 rgb(10,15,40)
```
#0e1438
```
#0e1438 rgb(14,20,56)
```
#111a48
```
#111a48 rgb(17,26,72)
```
#152057
```
#152057 rgb(21,32,87)
```
#192667
```
#192667 rgb(25,38,103)
```
#1d2b77
```
#1d2b77 rgb(29,43,119)
```
#213187
```
#213187 rgb(33,49,135)
```
#253797
```
#253797 rgb(37,55,151)
```
#283da6
```
#283da6 rgb(40,61,166)
```
#2c42b6
```
#2c42b6 rgb(44,66,182)
```
#3048c6
```
#3048c6 rgb(48,72,198)
```

Shade Color Variation

#3a52cf
```
#3a52cf rgb(58,82,207)
```
#4a60d3
```
#4a60d3 rgb(74,96,211)
```
#5a6ed7
```
#5a6ed7 rgb(90,110,215)
```
#6a7cdb
```
#6a7cdb rgb(106,124,219)
```
#798adf
```
#798adf rgb(121,138,223)
```
#8998e2
```
#8998e2 rgb(137,152,226)
```
#99a5e6
```
#99a5e6 rgb(153,165,230)
```
#a9b3ea
```
#a9b3ea rgb(169,179,234)
```
#b9c1ee
```
#b9c1ee rgb(185,193,238)
```
#c8cff2
```
#c8cff2 rgb(200,207,242)
```
#d8ddf6
```
#d8ddf6 rgb(216,221,246)
```
#e8ebf9
```
#e8ebf9 rgb(232,235,249)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727584 is the less saturated color, while #0128f5 is the most saturated one.

#727584
```
#727584 rgb(114,117,132)
```
#696f8d
```
#696f8d rgb(105,111,141)
```
#5f6897
```
#5f6897 rgb(95,104,151)
```
#5662a0
```
#5662a0 rgb(86,98,160)
```
#4c5baa
```
#4c5baa rgb(76,91,170)
```
#4355b3
```
#4355b3 rgb(67,85,179)
```
#394ebd
```
#394ebd rgb(57,78,189)
```
#3048c6
```
#3048c6 rgb(48,72,198)
```
#2742cf
```
#2742cf rgb(39,66,207)
```
#1d3bd9
```
#1d3bd9 rgb(29,59,217)
```
#1435e2
```
#1435e2 rgb(20,53,226)
```
#0a2eec
```
#0a2eec rgb(10,46,236)
```
#0128f5
```
#0128f5 rgb(1,40,245)
```

Tone Color Variation

Below, you can see how #3048c6 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

#4f4f4f Achromatopsia 0.005% of the population
#494e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619c Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1154ba Protanomaly 1% of men, 0.01% of women
#1158ab Deuteranomaly 6% of men, 0.4% of women
#115c8e Tritanomaly 0.01% of the population