#3c5afc hex color

In a RGB color space, hex #3c5afc is composed of 23.5% red, 35.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 64.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 230.6 degrees, a saturation of 97% and a lightness of 61.2%. #3c5afc color hex could be obtained by blending #78b4ff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 24
- G 35
- B 99
RGB color chart
- C 76
- M 64
- Y 0
- K 1
CMYK color chart

● #3c5afc color description : Bright blue.

The hexadecimal color #3c5afc has RGB values of R:60, G:90, B:252 and CMYK values of C:0.76, M:0.64, Y:0, K:0.01. Its decimal value is 3955452.

Hex triplet	3c5afc	`#3c5afc`
RGB Decimal	60, 90, 252	`rgb(60,90,252)`
RGB Percent	23.5, 35.3, 98.8	`rgb(23.5%,35.3%,98.8%)`
CMYK	76, 64, 0, 1
HSL	230.6°, 97, 61.2	`hsl(230.6,97%,61.2%)`
HSV (or HSB)	230.6°, 76.2, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.042, 44.547, -83.351
XYZ	23.087, 15.3, 93.827
xyY	0.175, 0.116, 15.3
CIE-LCH	46.042, 94.509, 298.122
CIE-LUV	46.042, -14.919, -125.998
Hunter-Lab	39.115, 36.905, -114.841
Binary	00111100, 01011010, 11111100

#3c5afc
```
#3c5afc rgb(60,90,252)
```
#fcde3c
```
#fcde3c rgb(252,222,60)
```

Complementary Color

#3cbafc
```
#3cbafc rgb(60,186,252)
```
#3c5afc
```
#3c5afc rgb(60,90,252)
```
#7e3cfc
```
#7e3cfc rgb(126,60,252)
```

Analogous Color

#bafc3c
```
#bafc3c rgb(186,252,60)
```
#3c5afc
```
#3c5afc rgb(60,90,252)
```
#fc7e3c
```
#fc7e3c rgb(252,126,60)
```

Split Complementary Color

#5afc3c
```
#5afc3c rgb(90,252,60)
```
#3c5afc
```
#3c5afc rgb(60,90,252)
```
#fc3c5a
```
#fc3c5a rgb(252,60,90)
```

Triadic Color

#3cfcde
```
#3cfcde rgb(60,252,222)
```
#3c5afc
```
#3c5afc rgb(60,90,252)
```
#fc3c5a
```
#fc3c5a rgb(252,60,90)
```
#fcde3c
```
#fcde3c rgb(252,222,60)
```

Tetradic Color

#0427e8
```
#0427e8 rgb(4,39,232)
```
#0a30fb
```
#0a30fb rgb(10,48,251)
```
#2345fc
```
#2345fc rgb(35,69,252)
```
#3c5afc
```
#3c5afc rgb(60,90,252)
```
#556ffc
```
#556ffc rgb(85,111,252)
```
#6e85fd
```
#6e85fd rgb(110,133,253)
```
#879afd
```
#879afd rgb(135,154,253)
```

Monochromatic Color

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

#3c8afc
```
#3c8afc rgb(60,138,252)
```
#3c7afc
```
#3c7afc rgb(60,122,252)
```
#3c6afc
```
#3c6afc rgb(60,106,252)
```
#3c5afc
```
#3c5afc rgb(60,90,252)
```
#3c4afc
```
#3c4afc rgb(60,74,252)
```
#3e3cfc
```
#3e3cfc rgb(62,60,252)
```
#4e3cfc
```
#4e3cfc rgb(78,60,252)
```

Similar Colors

Text with hexadecimal color #3c5afc

This text has a font color of #3c5afc.

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

#3c5afc background color

This paragraph has a background color of #3c5afc.

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

#3c5afc border color

This element has a border color of #3c5afc.

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

CSS codes

.text {color:#3c5afc;}

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

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

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

#000312
```
#000312 rgb(0,3,18)
```
#010625
```
#010625 rgb(1,6,37)
```
#010a38
```
#010a38 rgb(1,10,56)
```
#010d4b
```
#010d4b rgb(1,13,75)
```
#01105f
```
#01105f rgb(1,16,95)
```
#021372
```
#021372 rgb(2,19,114)
```
#021785
```
#021785 rgb(2,23,133)
```
#021a99
```
#021a99 rgb(2,26,153)
```
#031dac
```
#031dac rgb(3,29,172)
```
#0320bf
```
#0320bf rgb(3,32,191)
```
#0324d3
```
#0324d3 rgb(3,36,211)
```
#0427e6
```
#0427e6 rgb(4,39,230)
```
#042af9
```
#042af9 rgb(4,42,249)
```

Shade Color Variation

#1539fb
```
#1539fb rgb(21,57,251)
```
#294afc
```
#294afc rgb(41,74,252)
```
#3c5afc
```
#3c5afc rgb(60,90,252)
```
#4f6afc
```
#4f6afc rgb(79,106,252)
```
#637bfd
```
#637bfd rgb(99,123,253)
```
#768bfd
```
#768bfd rgb(118,139,253)
```
#899bfd
```
#899bfd rgb(137,155,253)
```
#9dacfd
```
#9dacfd rgb(157,172,253)
```
#b0bcfe
```
#b0bcfe rgb(176,188,254)
```
#c3ccfe
```
#c3ccfe rgb(195,204,254)
```
#d7ddfe
```
#d7ddfe rgb(215,221,254)
```
#eaedff
```
#eaedff rgb(234,237,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9799a1 is the less saturated color, while #3c5afc is the most saturated one.

#9799a1
```
#9799a1 rgb(151,153,161)
```
#9094a8
```
#9094a8 rgb(144,148,168)
```
#888eb0
```
#888eb0 rgb(136,142,176)
```
#8189b7
```
#8189b7 rgb(129,137,183)
```
#7984bf
```
#7984bf rgb(121,132,191)
```
#717fc7
```
#717fc7 rgb(113,127,199)
```
#6a79ce
```
#6a79ce rgb(106,121,206)
```
#6274d6
```
#6274d6 rgb(98,116,214)
```
#5a6fde
```
#5a6fde rgb(90,111,222)
```
#536ae5
```
#536ae5 rgb(83,106,229)
```
#4b64ed
```
#4b64ed rgb(75,100,237)
```
#445ff4
```
#445ff4 rgb(68,95,244)
```
#3c5afc
```
#3c5afc rgb(60,90,252)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5b6182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1568e8 Protanomaly 1% of men, 0.01% of women
#156cd5 Deuteranomaly 6% of men, 0.4% of women
#1572b1 Tritanomaly 0.01% of the population

#3c5afc hex color

#3c5afc Color Information

#3c5afc Color Conversion

Color Schemes with #3c5afc

Alternatives to #3c5afc

#3c5afc Preview

Shades and Tints of #3c5afc

Tones of #3c5afc

Color Blindness Simulator