#3c34f4 hex color

In a RGB color space, hex #3c34f4 is composed of 23.5% red, 20.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 78.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 242.5 degrees, a saturation of 89.7% and a lightness of 58%. #3c34f4 color hex could be obtained by blending #7868ff with #0000e9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 24
- G 20
- B 96
RGB color chart
- C 75
- M 79
- Y 0
- K 4
CMYK color chart

● #3c34f4 color description : Bright blue.

The hexadecimal color #3c34f4 has RGB values of R:60, G:52, B:244 and CMYK values of C:0.75, M:0.79, Y:0, K:0.04. Its decimal value is 3945716.

Hex triplet	3c34f4	`#3c34f4`
RGB Decimal	60, 52, 244	`rgb(60,52,244)`
RGB Percent	23.5, 20.4, 95.7	`rgb(23.5%,20.4%,95.7%)`
CMYK	75, 79, 0, 4
HSL	242.5°, 89.7, 58	`hsl(242.5,89.7%,58%)`
HSV (or HSB)	242.5°, 78.7, 95.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.747, 62.809, -92.549
XYZ	19.417, 9.947, 86.48
xyY	0.168, 0.086, 9.947
CIE-LCH	37.747, 111.85, 304.163
CIE-LUV	37.747, -8.046, -127.193
Hunter-Lab	31.539, 54.702, -140.495
Binary	00111100, 00110100, 11110100

#3c34f4
```
#3c34f4 rgb(60,52,244)
```
#ecf434
```
#ecf434 rgb(236,244,52)
```

Complementary Color

#348cf4
```
#348cf4 rgb(52,140,244)
```
#3c34f4
```
#3c34f4 rgb(60,52,244)
```
#9c34f4
```
#9c34f4 rgb(156,52,244)
```

Analogous Color

#8cf434
```
#8cf434 rgb(140,244,52)
```
#3c34f4
```
#3c34f4 rgb(60,52,244)
```
#f49c34
```
#f49c34 rgb(244,156,52)
```

Split Complementary Color

#34f43c
```
#34f43c rgb(52,244,60)
```
#3c34f4
```
#3c34f4 rgb(60,52,244)
```
#f43c34
```
#f43c34 rgb(244,60,52)
```

Triadic Color

#34ecf4
```
#34ecf4 rgb(52,236,244)
```
#3c34f4
```
#3c34f4 rgb(60,52,244)
```
#f43c34
```
#f43c34 rgb(244,60,52)
```
#ecf434
```
#ecf434 rgb(236,244,52)
```

Tetradic Color

#130bd0
```
#130bd0 rgb(19,11,208)
```
#160de8
```
#160de8 rgb(22,13,232)
```
#251cf3
```
#251cf3 rgb(37,28,243)
```
#3c34f4
```
#3c34f4 rgb(60,52,244)
```
#534cf5
```
#534cf5 rgb(83,76,245)
```
#6a64f7
```
#6a64f7 rgb(106,100,247)
```
#827df8
```
#827df8 rgb(130,125,248)
```

Monochromatic Color

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

#345cf4
```
#345cf4 rgb(52,92,244)
```
#344cf4
```
#344cf4 rgb(52,76,244)
```
#343cf4
```
#343cf4 rgb(52,60,244)
```
#3c34f4
```
#3c34f4 rgb(60,52,244)
```
#4c34f4
```
#4c34f4 rgb(76,52,244)
```
#5c34f4
```
#5c34f4 rgb(92,52,244)
```
#6c34f4
```
#6c34f4 rgb(108,52,244)
```

Similar Colors

Text with hexadecimal color #3c34f4

This text has a font color of #3c34f4.

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

#3c34f4 background color

This paragraph has a background color of #3c34f4.

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

#3c34f4 border color

This element has a border color of #3c34f4.

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

CSS codes

.text {color:#3c34f4;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#020114
```
#020114 rgb(2,1,20)
```
#040227
```
#040227 rgb(4,2,39)
```
#050339
```
#050339 rgb(5,3,57)
```
#07044c
```
#07044c rgb(7,4,76)
```
#09055f
```
#09055f rgb(9,5,95)
```
#0b0671
```
#0b0671 rgb(11,6,113)
```
#0c0784
```
#0c0784 rgb(12,7,132)
```
#0e0897
```
#0e0897 rgb(14,8,151)
```
#1009a9
```
#1009a9 rgb(16,9,169)
```
#120abc
```
#120abc rgb(18,10,188)
```
#130bce
```
#130bce rgb(19,11,206)
```
#150ce1
```
#150ce1 rgb(21,12,225)
```

Shade Color Variation

#180ff2
```
#180ff2 rgb(24,15,242)
```
#2a21f3
```
#2a21f3 rgb(42,33,243)
```
#3c34f4
```
#3c34f4 rgb(60,52,244)
```
#4e47f5
```
#4e47f5 rgb(78,71,245)
```
#6059f6
```
#6059f6 rgb(96,89,246)
```
#726cf7
```
#726cf7 rgb(114,108,247)
```
#837ef8
```
#837ef8 rgb(131,126,248)
```
#9591f9
```
#9591f9 rgb(149,145,249)
```
#a7a4fa
```
#a7a4fa rgb(167,164,250)
```
#b9b6fb
```
#b9b6fb rgb(185,182,251)
```
#cbc9fc
```
#cbc9fc rgb(203,201,252)
```
#dddbfd
```
#dddbfd rgb(221,219,253)
```
#efeefe
```
#efeefe rgb(239,238,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f99 is the less saturated color, while #342cfc is the most saturated one.

#8f8f99
```
#8f8f99 rgb(143,143,153)
```
#8786a2
```
#8786a2 rgb(135,134,162)
```
#807eaa
```
#807eaa rgb(128,126,170)
```
#7876b2
```
#7876b2 rgb(120,118,178)
```
#716eba
```
#716eba rgb(113,110,186)
```
#6965c3
```
#6965c3 rgb(105,101,195)
```
#625dcb
```
#625dcb rgb(98,93,203)
```
#5a55d3
```
#5a55d3 rgb(90,85,211)
```
#534ddb
```
#534ddb rgb(83,77,219)
```
#4b44e4
```
#4b44e4 rgb(75,68,228)
```
#443cec
```
#443cec rgb(68,60,236)
```
#3c34f4
```
#3c34f4 rgb(60,52,244)
```
#342cfc
```
#342cfc rgb(52,44,252)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#49476e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#154fcd Protanomaly 1% of men, 0.01% of women
#1552bd Deuteranomaly 6% of men, 0.4% of women
#1557a0 Tritanomaly 0.01% of the population

#3c34f4 hex color

#3c34f4 Color Information

#3c34f4 Color Conversion

Color Schemes with #3c34f4

Alternatives to #3c34f4

#3c34f4 Preview

Shades and Tints of #3c34f4

Tones of #3c34f4

Color Blindness Simulator