colorhexa.com

#3a30c6 hex color

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

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

● #3a30c6 color description : Strong blue.

The hexadecimal color #3a30c6 has RGB values of R:58, G:48, B:198 and CMYK values of C:0.71, M:0.76, Y:0, K:0.22. Its decimal value is 3813574.

Hex triplet	3a30c6	`#3a30c6`
RGB Decimal	58, 48, 198	`rgb(58,48,198)`
RGB Percent	22.7, 18.8, 77.6	`rgb(22.7%,18.8%,77.6%)`
CMYK	71, 76, 0, 22
HSL	244°, 61, 48.2	`hsl(244,61%,48.2%)`
HSV (or HSB)	244°, 75.8, 77.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.011, 50.625, -75.637
XYZ	12.993, 7.09, 54.107
xyY	0.175, 0.096, 7.09
CIE-LCH	32.011, 91.016, 303.795
CIE-LUV	32.011, -5.544, -100.619
Hunter-Lab	26.627, 40.504, -101.84
Binary	00111010, 00110000, 11000110

#3a30c6
```
#3a30c6 rgb(58,48,198)
```
#bcc630
```
#bcc630 rgb(188,198,48)
```

Complementary Color

#3071c6
```
#3071c6 rgb(48,113,198)
```
#3a30c6
```
#3a30c6 rgb(58,48,198)
```
#8530c6
```
#8530c6 rgb(133,48,198)
```

Analogous Color

#71c630
```
#71c630 rgb(113,198,48)
```
#3a30c6
```
#3a30c6 rgb(58,48,198)
```
#c68530
```
#c68530 rgb(198,133,48)
```

Split Complementary Color

#30c63a
```
#30c63a rgb(48,198,58)
```
#3a30c6
```
#3a30c6 rgb(58,48,198)
```
#c63a30
```
#c63a30 rgb(198,58,48)
```

Triadic Color

#30bcc6
```
#30bcc6 rgb(48,188,198)
```
#3a30c6
```
#3a30c6 rgb(58,48,198)
```
#c63a30
```
#c63a30 rgb(198,58,48)
```
#bcc630
```
#bcc630 rgb(188,198,48)
```

Tetradic Color

#282188
```
#282188 rgb(40,33,136)
```
#2e269d
```
#2e269d rgb(46,38,157)
```
#342bb1
```
#342bb1 rgb(52,43,177)
```
#3a30c6
```
#3a30c6 rgb(58,48,198)
```
#493fd0
```
#493fd0 rgb(73,63,208)
```
#5c54d5
```
#5c54d5 rgb(92,84,213)
```
#7068da
```
#7068da rgb(112,104,218)
```

Monochromatic Color

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

#304cc6
```
#304cc6 rgb(48,76,198)
```
#303fc6
```
#303fc6 rgb(48,63,198)
```
#3033c6
```
#3033c6 rgb(48,51,198)
```
#3a30c6
```
#3a30c6 rgb(58,48,198)
```
#4630c6
```
#4630c6 rgb(70,48,198)
```
#5330c6
```
#5330c6 rgb(83,48,198)
```
#6030c6
```
#6030c6 rgb(96,48,198)
```

Similar Colors

Text with hexadecimal color #3a30c6

This text has a font color of #3a30c6.

<span style="color:#3a30c6;">Text here</span>

#3a30c6 background color

This paragraph has a background color of #3a30c6.

<p style="background-color:#3a30c6;">Content here</p>

#3a30c6 border color

This element has a border color of #3a30c6.

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

CSS codes

.text {color:#3a30c6;}

.background {background-color:#3a30c6;}

.border {border:1px solid #3a30c6;}

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

#030209
```
#030209 rgb(3,2,9)
```
#070618
```
#070618 rgb(7,6,24)
```
#0c0a28
```
#0c0a28 rgb(12,10,40)
```
#100e38
```
#100e38 rgb(16,14,56)
```
#151148
```
#151148 rgb(21,17,72)
```
#1a1557
```
#1a1557 rgb(26,21,87)
```
#1e1967
```
#1e1967 rgb(30,25,103)
```
#231d77
```
#231d77 rgb(35,29,119)
```
#282187
```
#282187 rgb(40,33,135)
```
#2c2597
```
#2c2597 rgb(44,37,151)
```
#3128a6
```
#3128a6 rgb(49,40,166)
```
#352cb6
```
#352cb6 rgb(53,44,182)
```
#3a30c6
```
#3a30c6 rgb(58,48,198)
```

Shade Color Variation

#443acf
```
#443acf rgb(68,58,207)
```
#534ad3
```
#534ad3 rgb(83,74,211)
```
#625ad7
```
#625ad7 rgb(98,90,215)
```
#716adb
```
#716adb rgb(113,106,219)
```
#8079df
```
#8079df rgb(128,121,223)
```
#8f89e2
```
#8f89e2 rgb(143,137,226)
```
#9e99e6
```
#9e99e6 rgb(158,153,230)
```
#ada9ea
```
#ada9ea rgb(173,169,234)
```
#bcb9ee
```
#bcb9ee rgb(188,185,238)
```
#cbc8f2
```
#cbc8f2 rgb(203,200,242)
```
#dad8f6
```
#dad8f6 rgb(218,216,246)
```
#e9e8f9
```
#e9e8f9 rgb(233,232,249)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

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

#737284
```
#737284 rgb(115,114,132)
```
#6b698d
```
#6b698d rgb(107,105,141)
```
#635f97
```
#635f97 rgb(99,95,151)
```
#5b56a0
```
#5b56a0 rgb(91,86,160)
```
#534caa
```
#534caa rgb(83,76,170)
```
#4a43b3
```
#4a43b3 rgb(74,67,179)
```
#4239bd
```
#4239bd rgb(66,57,189)
```
#3a30c6
```
#3a30c6 rgb(58,48,198)
```
#3227cf
```
#3227cf rgb(50,39,207)
```
#2a1dd9
```
#2a1dd9 rgb(42,29,217)
```
#2114e2
```
#2114e2 rgb(33,20,226)
```
#190aec
```
#190aec rgb(25,10,236)
```
#1101f5
```
#1101f5 rgb(17,1,245)
```

Tone Color Variation

Below, you can see how #3a30c6 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

#444444 Achromatopsia 0.005% of the population
#42405e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

#1545ad Protanomaly 1% of men, 0.01% of women
#1548a0 Deuteranomaly 6% of men, 0.4% of women
#154c86 Tritanomaly 0.01% of the population