colorhexa.com

#3c53ff hex color

In a RGB color space, hex #3c53ff is composed of 23.5% red, 32.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 67.5% magenta, 0% yellow and 0% black. It has a hue angle of 232.9 degrees, a saturation of 100% and a lightness of 61.8%. #3c53ff color hex could be obtained by blending #78a6ff with #0000ff. Closest websafe color is: #3366ff.

- R 24
- G 33
- B 100
RGB color chart
- C 76
- M 67
- Y 0
- K 0
CMYK color chart

● #3c53ff color description : Light blue.

The hexadecimal color #3c53ff has RGB values of R:60, G:83, B:255 and CMYK values of C:0.76, M:0.67, Y:0, K:0. Its decimal value is 3953663.

Hex triplet	3c53ff	`#3c53ff`
RGB Decimal	60, 83, 255	`rgb(60,83,255)`
RGB Percent	23.5, 32.5, 100	`rgb(23.5%,32.5%,100%)`
CMYK	76, 67, 0, 0
HSL	232.9°, 100, 61.8	`hsl(232.9,100%,61.8%)`
HSV (or HSB)	232.9°, 76.5, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.753, 49.726, -87.141
XYZ	23.003, 14.366, 96.163
xyY	0.172, 0.108, 14.366
CIE-LCH	44.753, 100.331, 299.711
CIE-LUV	44.753, -13.518, -129.734
Hunter-Lab	37.902, 42.005, -123.896
Binary	00111100, 01010011, 11111111

#3c53ff
```
#3c53ff rgb(60,83,255)
```
#ffe83c
```
#ffe83c rgb(255,232,60)
```

Complementary Color

#3cb5ff
```
#3cb5ff rgb(60,181,255)
```
#3c53ff
```
#3c53ff rgb(60,83,255)
```
#873cff
```
#873cff rgb(135,60,255)
```

Analogous Color

#b5ff3c
```
#b5ff3c rgb(181,255,60)
```
#3c53ff
```
#3c53ff rgb(60,83,255)
```
#ff873c
```
#ff873c rgb(255,135,60)
```

Split Complementary Color

#53ff3c
```
#53ff3c rgb(83,255,60)
```
#3c53ff
```
#3c53ff rgb(60,83,255)
```
#ff3c53
```
#ff3c53 rgb(255,60,83)
```

Triadic Color

#3cffe8
```
#3cffe8 rgb(60,255,232)
```
#3c53ff
```
#3c53ff rgb(60,83,255)
```
#ff3c53
```
#ff3c53 rgb(255,60,83)
```
#ffe83c
```
#ffe83c rgb(255,232,60)
```

Tetradic Color

#001cef
```
#001cef rgb(0,28,239)
```
#0926ff
```
#0926ff rgb(9,38,255)
```
#233dff
```
#233dff rgb(35,61,255)
```
#3c53ff
```
#3c53ff rgb(60,83,255)
```
#5669ff
```
#5669ff rgb(86,105,255)
```
#6f80ff
```
#6f80ff rgb(111,128,255)
```
#8996ff
```
#8996ff rgb(137,150,255)
```

Monochromatic Color

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

#3c84ff
```
#3c84ff rgb(60,132,255)
```
#3c74ff
```
#3c74ff rgb(60,116,255)
```
#3c63ff
```
#3c63ff rgb(60,99,255)
```
#3c53ff
```
#3c53ff rgb(60,83,255)
```
#3c43ff
```
#3c43ff rgb(60,67,255)
```
#463cff
```
#463cff rgb(70,60,255)
```
#563cff
```
#563cff rgb(86,60,255)
```

Similar Colors

Text with hexadecimal color #3c53ff

This text has a font color of #3c53ff.

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

#3c53ff background color

This paragraph has a background color of #3c53ff.

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

#3c53ff border color

This element has a border color of #3c53ff.

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

CSS codes

.text {color:#3c53ff;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000215
```
#000215 rgb(0,2,21)
```
#000528
```
#000528 rgb(0,5,40)
```
#00073c
```
#00073c rgb(0,7,60)
```
#000950
```
#000950 rgb(0,9,80)
```
#000c63
```
#000c63 rgb(0,12,99)
```
#000e77
```
#000e77 rgb(0,14,119)
```
#00108a
```
#00108a rgb(0,16,138)
```
#00139e
```
#00139e rgb(0,19,158)
```
#0015b2
```
#0015b2 rgb(0,21,178)
```
#0017c5
```
#0017c5 rgb(0,23,197)
```
#001ad9
```
#001ad9 rgb(0,26,217)
```
#001ced
```
#001ced rgb(0,28,237)
```

Shade Color Variation

#011fff
```
#011fff rgb(1,31,255)
```
#1530ff
```
#1530ff rgb(21,48,255)
```
#2842ff
```
#2842ff rgb(40,66,255)
```
#3c53ff
```
#3c53ff rgb(60,83,255)
```
#5064ff
```
#5064ff rgb(80,100,255)
```
#6376ff
```
#6376ff rgb(99,118,255)
```
#7787ff
```
#7787ff rgb(119,135,255)
```
#8a98ff
```
#8a98ff rgb(138,152,255)
```
#9eaaff
```
#9eaaff rgb(158,170,255)
```
#b2bbff
```
#b2bbff rgb(178,187,255)
```
#c5ccff
```
#c5ccff rgb(197,204,255)
```
#d9ddff
```
#d9ddff rgb(217,221,255)
```
#edefff
```
#edefff rgb(237,239,255)
```

Tint Color Variation

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

#9698a5
```
#9698a5 rgb(150,152,165)
```
#8f92ad
```
#8f92ad rgb(143,146,173)
```
#878cb4
```
#878cb4 rgb(135,140,180)
```
#8087bc
```
#8087bc rgb(128,135,188)
```
#7881c3
```
#7881c3 rgb(120,129,195)
```
#717bcb
```
#717bcb rgb(113,123,203)
```
#6975d2
```
#6975d2 rgb(105,117,210)
```
#6270da
```
#6270da rgb(98,112,218)
```
#5a6ae1
```
#5a6ae1 rgb(90,106,225)
```
#5364e9
```
#5364e9 rgb(83,100,233)
```
#4b5ef0
```
#4b5ef0 rgb(75,94,240)
```
#4459f8
```
#4459f8 rgb(68,89,248)
```
#3c53ff
```
#3c53ff rgb(60,83,255)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#595d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1564e5 Protanomaly 1% of men, 0.01% of women
#1568d3 Deuteranomaly 6% of men, 0.4% of women
#156db0 Tritanomaly 0.01% of the population