colorhexa.com

#3042c3 hex color

In a RGB color space, hex #3042c3 is composed of 18.8% red, 25.9% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 66.2% magenta, 0% yellow and 23.5% black. It has a hue angle of 232.7 degrees, a saturation of 60.5% and a lightness of 47.6%. #3042c3 color hex could be obtained by blending #6084ff with #000087. Closest websafe color is: #3333cc.

- R 19
- G 26
- B 76
RGB color chart
- C 75
- M 66
- Y 0
- K 24
CMYK color chart

● #3042c3 color description : Strong blue.

The hexadecimal color #3042c3 has RGB values of R:48, G:66, B:195 and CMYK values of C:0.75, M:0.66, Y:0, K:0.24. Its decimal value is 3162819.

Hex triplet	3042c3	`#3042c3`
RGB Decimal	48, 66, 195	`rgb(48,66,195)`
RGB Percent	18.8, 25.9, 76.5	`rgb(18.8%,25.9%,76.5%)`
CMYK	75, 66, 0, 24
HSL	232.7°, 60.5, 47.6	`hsl(232.7,60.5%,47.6%)`
HSV (or HSB)	232.7°, 75.4, 76.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.931, 38.186, -69.092
XYZ	13.015, 8.464, 52.575
xyY	0.176, 0.114, 8.464
CIE-LCH	34.931, 78.942, 298.929
CIE-LUV	34.931, -10.426, -96.476
Hunter-Lab	29.093, 28.943, -86.779
Binary	00110000, 01000010, 11000011

#3042c3
```
#3042c3 rgb(48,66,195)
```
#c3b130
```
#c3b130 rgb(195,177,48)
```

Complementary Color

#308cc3
```
#308cc3 rgb(48,140,195)
```
#3042c3
```
#3042c3 rgb(48,66,195)
```
#6830c3
```
#6830c3 rgb(104,48,195)
```

Analogous Color

#8cc330
```
#8cc330 rgb(140,195,48)
```
#3042c3
```
#3042c3 rgb(48,66,195)
```
#c36830
```
#c36830 rgb(195,104,48)
```

Split Complementary Color

#42c330
```
#42c330 rgb(66,195,48)
```
#3042c3
```
#3042c3 rgb(48,66,195)
```
#c33042
```
#c33042 rgb(195,48,66)
```

Triadic Color

#30c3b1
```
#30c3b1 rgb(48,195,177)
```
#3042c3
```
#3042c3 rgb(48,66,195)
```
#c33042
```
#c33042 rgb(195,48,66)
```
#c3b130
```
#c3b130 rgb(195,177,48)
```

Tetradic Color

#212d86
```
#212d86 rgb(33,45,134)
```
#26349a
```
#26349a rgb(38,52,154)
```
#2b3baf
```
#2b3baf rgb(43,59,175)
```
#3042c3
```
#3042c3 rgb(48,66,195)
```
#3d4fcf
```
#3d4fcf rgb(61,79,207)
```
#5262d4
```
#5262d4 rgb(82,98,212)
```
#6674d9
```
#6674d9 rgb(102,116,217)
```

Monochromatic Color

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

#3067c3
```
#3067c3 rgb(48,103,195)
```
#305bc3
```
#305bc3 rgb(48,91,195)
```
#304ec3
```
#304ec3 rgb(48,78,195)
```
#3042c3
```
#3042c3 rgb(48,66,195)
```
#3036c3
```
#3036c3 rgb(48,54,195)
```
#3730c3
```
#3730c3 rgb(55,48,195)
```
#4330c3
```
#4330c3 rgb(67,48,195)
```

Similar Colors

Text with hexadecimal color #3042c3

This text has a font color of #3042c3.

<span style="color:#3042c3;">Text here</span>

#3042c3 background color

This paragraph has a background color of #3042c3.

<p style="background-color:#3042c3;">Content here</p>

#3042c3 border color

This element has a border color of #3042c3.

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

CSS codes

.text {color:#3042c3;}

.background {background-color:#3042c3;}

.border {border:1px solid #3042c3;}

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

#020206
```
#020206 rgb(2,2,6)
```
#050716
```
#050716 rgb(5,7,22)
```
#090d26
```
#090d26 rgb(9,13,38)
```
#0d1235
```
#0d1235 rgb(13,18,53)
```
#111745
```
#111745 rgb(17,23,69)
```
#151d55
```
#151d55 rgb(21,29,85)
```
#192265
```
#192265 rgb(25,34,101)
```
#1d2774
```
#1d2774 rgb(29,39,116)
```
#212d84
```
#212d84 rgb(33,45,132)
```
#243294
```
#243294 rgb(36,50,148)
```
#2837a4
```
#2837a4 rgb(40,55,164)
```
#2c3db3
```
#2c3db3 rgb(44,61,179)
```
#3042c3
```
#3042c3 rgb(48,66,195)
```

Shade Color Variation

#384bce
```
#384bce rgb(56,75,206)
```
#4859d2
```
#4859d2 rgb(72,89,210)
```
#5867d6
```
#5867d6 rgb(88,103,214)
```
#6876da
```
#6876da rgb(104,118,218)
```
#7784de
```
#7784de rgb(119,132,222)
```
#8792e2
```
#8792e2 rgb(135,146,226)
```
#97a1e5
```
#97a1e5 rgb(151,161,229)
```
#a7afe9
```
#a7afe9 rgb(167,175,233)
```
#b6bded
```
#b6bded rgb(182,189,237)
```
#c6cbf1
```
#c6cbf1 rgb(198,203,241)
```
#d6daf5
```
#d6daf5 rgb(214,218,245)
```
#e6e8f9
```
#e6e8f9 rgb(230,232,249)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#717382
```
#717382 rgb(113,115,130)
```
#686c8b
```
#686c8b rgb(104,108,139)
```
#5f6594
```
#5f6594 rgb(95,101,148)
```
#555e9e
```
#555e9e rgb(85,94,158)
```
#4c57a7
```
#4c57a7 rgb(76,87,167)
```
#4350b0
```
#4350b0 rgb(67,80,176)
```
#3949ba
```
#3949ba rgb(57,73,186)
```
#3042c3
```
#3042c3 rgb(48,66,195)
```
#273bcc
```
#273bcc rgb(39,59,204)
```
#1d34d6
```
#1d34d6 rgb(29,52,214)
```
#142ddf
```
#142ddf rgb(20,45,223)
```
#0b26e8
```
#0b26e8 rgb(11,38,232)
```
#011ff2
```
#011ff2 rgb(1,31,242)
```

Tone Color Variation

Below, you can see how #3042c3 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

#4b4b4b Achromatopsia 0.005% of the population
#464963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d96 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#1150b4 Protanomaly 1% of men, 0.01% of women
#1153a6 Deuteranomaly 6% of men, 0.4% of women
#11578a Tritanomaly 0.01% of the population