#3c50f3 hex color

In a RGB color space, hex #3c50f3 is composed of 23.5% red, 31.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 67.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 233.4 degrees, a saturation of 88.4% and a lightness of 59.4%. #3c50f3 color hex could be obtained by blending #78a0ff with #0000e7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 24
- G 31
- B 95
RGB color chart
- C 75
- M 67
- Y 0
- K 5
CMYK color chart

● #3c50f3 color description : Bright blue.

The hexadecimal color #3c50f3 has RGB values of R:60, G:80, B:243 and CMYK values of C:0.75, M:0.67, Y:0, K:0.05. Its decimal value is 3952883.

Hex triplet	3c50f3	`#3c50f3`
RGB Decimal	60, 80, 243	`rgb(60,80,243)`
RGB Percent	23.5, 31.4, 95.3	`rgb(23.5%,31.4%,95.3%)`
CMYK	75, 67, 0, 5
HSL	233.4°, 88.4, 59.4	`hsl(233.4,88.4%,59.4%)`
HSV (or HSB)	233.4°, 75.3, 95.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.015, 47.448, -83.288
XYZ	20.907, 13.168, 86.229
xyY	0.174, 0.109, 13.168
CIE-LCH	43.015, 95.855, 299.669
CIE-LUV	43.015, -12.617, -122.992
Hunter-Lab	36.287, 39.338, -115.489
Binary	00111100, 01010000, 11110011

#3c50f3
```
#3c50f3 rgb(60,80,243)
```
#f3df3c
```
#f3df3c rgb(243,223,60)
```

Complementary Color

#3cacf3
```
#3cacf3 rgb(60,172,243)
```
#3c50f3
```
#3c50f3 rgb(60,80,243)
```
#843cf3
```
#843cf3 rgb(132,60,243)
```

Analogous Color

#acf33c
```
#acf33c rgb(172,243,60)
```
#3c50f3
```
#3c50f3 rgb(60,80,243)
```
#f3843c
```
#f3843c rgb(243,132,60)
```

Split Complementary Color

#50f33c
```
#50f33c rgb(80,243,60)
```
#3c50f3
```
#3c50f3 rgb(60,80,243)
```
#f33c50
```
#f33c50 rgb(243,60,80)
```

Triadic Color

#3cf3df
```
#3cf3df rgb(60,243,223)
```
#3c50f3
```
#3c50f3 rgb(60,80,243)
```
#f33c50
```
#f33c50 rgb(243,60,80)
```
#f3df3c
```
#f3df3c rgb(243,223,60)
```

Tetradic Color

#0d23d5
```
#0d23d5 rgb(13,35,213)
```
#0f27ed
```
#0f27ed rgb(15,39,237)
```
#243af2
```
#243af2 rgb(36,58,242)
```
#3c50f3
```
#3c50f3 rgb(60,80,243)
```
#5466f4
```
#5466f4 rgb(84,102,244)
```
#6c7bf6
```
#6c7bf6 rgb(108,123,246)
```
#8491f7
```
#8491f7 rgb(132,145,247)
```

Monochromatic Color

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

#3c7ef3
```
#3c7ef3 rgb(60,126,243)
```
#3c6ff3
```
#3c6ff3 rgb(60,111,243)
```
#3c5ff3
```
#3c5ff3 rgb(60,95,243)
```
#3c50f3
```
#3c50f3 rgb(60,80,243)
```
#3c41f3
```
#3c41f3 rgb(60,65,243)
```
#473cf3
```
#473cf3 rgb(71,60,243)
```
#563cf3
```
#563cf3 rgb(86,60,243)
```

Similar Colors

Text with hexadecimal color #3c50f3

This text has a font color of #3c50f3.

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

#3c50f3 background color

This paragraph has a background color of #3c50f3.

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

#3c50f3 border color

This element has a border color of #3c50f3.

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

CSS codes

.text {color:#3c50f3;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#02041b
```
#02041b rgb(2,4,27)
```
#03072d
```
#03072d rgb(3,7,45)
```
#040a40
```
#040a40 rgb(4,10,64)
```
#050d52
```
#050d52 rgb(5,13,82)
```
#061165
```
#061165 rgb(6,17,101)
```
#071477
```
#071477 rgb(7,20,119)
```
#08178a
```
#08178a rgb(8,23,138)
```
#0a1a9c
```
#0a1a9c rgb(10,26,156)
```
#0b1daf
```
#0b1daf rgb(11,29,175)
```
#0c20c1
```
#0c20c1 rgb(12,32,193)
```
#0d23d4
```
#0d23d4 rgb(13,35,212)
```
#0e26e6
```
#0e26e6 rgb(14,38,230)
```

Shade Color Variation

#172ff1
```
#172ff1 rgb(23,47,241)
```
#2a3ff2
```
#2a3ff2 rgb(42,63,242)
```
#3c50f3
```
#3c50f3 rgb(60,80,243)
```
#4e61f4
```
#4e61f4 rgb(78,97,244)
```
#6171f5
```
#6171f5 rgb(97,113,245)
```
#7382f6
```
#7382f6 rgb(115,130,246)
```
#8692f8
```
#8692f8 rgb(134,146,248)
```
#98a3f9
```
#98a3f9 rgb(152,163,249)
```
#abb3fa
```
#abb3fa rgb(171,179,250)
```
#bdc4fb
```
#bdc4fb rgb(189,196,251)
```
#d0d5fc
```
#d0d5fc rgb(208,213,252)
```
#e2e5fd
```
#e2e5fd rgb(226,229,253)
```
#f5f6fe
```
#f5f6fe rgb(245,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94949b is the less saturated color, while #344afb is the most saturated one.

#94949b
```
#94949b rgb(148,148,155)
```
#8c8ea3
```
#8c8ea3 rgb(140,142,163)
```
#8488ab
```
#8488ab rgb(132,136,171)
```
#7c82b3
```
#7c82b3 rgb(124,130,179)
```
#747cbb
```
#747cbb rgb(116,124,187)
```
#6c75c3
```
#6c75c3 rgb(108,117,195)
```
#646fcb
```
#646fcb rgb(100,111,203)
```
#5c69d3
```
#5c69d3 rgb(92,105,211)
```
#5463db
```
#5463db rgb(84,99,219)
```
#4c5ce3
```
#4c5ce3 rgb(76,92,227)
```
#4456eb
```
#4456eb rgb(68,86,235)
```
#3c50f3
```
#3c50f3 rgb(60,80,243)
```
#344afb
```
#344afb rgb(52,74,251)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#565a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b4 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#1560dc Protanomaly 1% of men, 0.01% of women
#1564ca Deuteranomaly 6% of men, 0.4% of women
#1569a9 Tritanomaly 0.01% of the population

#3c50f3 hex color

#3c50f3 Color Information

#3c50f3 Color Conversion

Color Schemes with #3c50f3

Alternatives to #3c50f3

#3c50f3 Preview

Shades and Tints of #3c50f3

Tones of #3c50f3

Color Blindness Simulator