#3a60ca hex color

In a RGB color space, hex #3a60ca is composed of 22.7% red, 37.6% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 52.5% magenta, 0% yellow and 20.8% black. It has a hue angle of 224.2 degrees, a saturation of 57.6% and a lightness of 51%. #3a60ca color hex could be obtained by blending #74c0ff with #000095. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 38
- B 79
RGB color chart
- C 71
- M 52
- Y 0
- K 21
CMYK color chart

● #3a60ca color description : Moderate blue.

The hexadecimal color #3a60ca has RGB values of R:58, G:96, B:202 and CMYK values of C:0.71, M:0.52, Y:0, K:0.21. Its decimal value is 3825866.

Hex triplet	3a60ca	`#3a60ca`
RGB Decimal	58, 96, 202	`rgb(58,96,202)`
RGB Percent	22.7, 37.6, 79.2	`rgb(22.7%,37.6%,79.2%)`
CMYK	71, 52, 0, 21
HSL	224.2°, 57.6, 51	`hsl(224.2,57.6%,51%)`
HSV (or HSB)	224.2°, 71.3, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.549, 22.732, -59.092
XYZ	16.586, 13.528, 57.611
xyY	0.189, 0.154, 13.528
CIE-LCH	43.549, 63.314, 291.041
CIE-LUV	43.549, -16.272, -89.454
Hunter-Lab	36.781, 16.127, -67.121
Binary	00111010, 01100000, 11001010

#3a60ca
```
#3a60ca rgb(58,96,202)
```
#caa43a
```
#caa43a rgb(202,164,58)
```

Complementary Color

#3aa8ca
```
#3aa8ca rgb(58,168,202)
```
#3a60ca
```
#3a60ca rgb(58,96,202)
```
#5c3aca
```
#5c3aca rgb(92,58,202)
```

Analogous Color

#a8ca3a
```
#a8ca3a rgb(168,202,58)
```
#3a60ca
```
#3a60ca rgb(58,96,202)
```
#ca5c3a
```
#ca5c3a rgb(202,92,58)
```

Split Complementary Color

#60ca3a
```
#60ca3a rgb(96,202,58)
```
#3a60ca
```
#3a60ca rgb(58,96,202)
```
#ca3a60
```
#ca3a60 rgb(202,58,96)
```

Triadic Color

#3acaa4
```
#3acaa4 rgb(58,202,164)
```
#3a60ca
```
#3a60ca rgb(58,96,202)
```
#ca3a60
```
#ca3a60 rgb(202,58,96)
```
#caa43a
```
#caa43a rgb(202,164,58)
```

Tetradic Color

#274391
```
#274391 rgb(39,67,145)
```
#2c4ca5
```
#2c4ca5 rgb(44,76,165)
```
#3255b9
```
#3255b9 rgb(50,85,185)
```
#3a60ca
```
#3a60ca rgb(58,96,202)
```
#4e70cf
```
#4e70cf rgb(78,112,207)
```
#6280d5
```
#6280d5 rgb(98,128,213)
```
#7691da
```
#7691da rgb(118,145,218)
```

Monochromatic Color

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

#3a84ca
```
#3a84ca rgb(58,132,202)
```
#3a78ca
```
#3a78ca rgb(58,120,202)
```
#3a6cca
```
#3a6cca rgb(58,108,202)
```
#3a60ca
```
#3a60ca rgb(58,96,202)
```
#3a54ca
```
#3a54ca rgb(58,84,202)
```
#3a48ca
```
#3a48ca rgb(58,72,202)
```
#3a3cca
```
#3a3cca rgb(58,60,202)
```

Similar Colors

Text with hexadecimal color #3a60ca

This text has a font color of #3a60ca.

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

#3a60ca background color

This paragraph has a background color of #3a60ca.

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

#3a60ca border color

This element has a border color of #3a60ca.

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

CSS codes

.text {color:#3a60ca;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050913
```
#050913 rgb(5,9,19)
```
#091023
```
#091023 rgb(9,16,35)
```
#0e1732
```
#0e1732 rgb(14,23,50)
```
#121e42
```
#121e42 rgb(18,30,66)
```
#162651
```
#162651 rgb(22,38,81)
```
#1a2d61
```
#1a2d61 rgb(26,45,97)
```
#1e3470
```
#1e3470 rgb(30,52,112)
```
#223b80
```
#223b80 rgb(34,59,128)
```
#26428f
```
#26428f rgb(38,66,143)
```
#2b499f
```
#2b499f rgb(43,73,159)
```
#2f50ae
```
#2f50ae rgb(47,80,174)
```
#3358bd
```
#3358bd rgb(51,88,189)
```

Shade Color Variation

#3a60ca
```
#3a60ca rgb(58,96,202)
```
#496cce
```
#496cce rgb(73,108,206)
```
#5979d2
```
#5979d2 rgb(89,121,210)
```
#6885d6
```
#6885d6 rgb(104,133,214)
```
#7892db
```
#7892db rgb(120,146,219)
```
#879edf
```
#879edf rgb(135,158,223)
```
#97abe3
```
#97abe3 rgb(151,171,227)
```
#a6b7e7
```
#a6b7e7 rgb(166,183,231)
```
#b6c4eb
```
#b6c4eb rgb(182,196,235)
```
#c5d0ef
```
#c5d0ef rgb(197,208,239)
```
#d5ddf4
```
#d5ddf4 rgb(213,221,244)
```
#e4e9f8
```
#e4e9f8 rgb(228,233,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8087 is the less saturated color, while #0a49fa is the most saturated one.

#7d8087
```
#7d8087 rgb(125,128,135)
```
#747b90
```
#747b90 rgb(116,123,144)
```
#6a779a
```
#6a779a rgb(106,119,154)
```
#6072a4
```
#6072a4 rgb(96,114,164)
```
#576ead
```
#576ead rgb(87,110,173)
```
#4d69b7
```
#4d69b7 rgb(77,105,183)
```
#4465c0
```
#4465c0 rgb(68,101,192)
```
#3a60ca
```
#3a60ca rgb(58,96,202)
```
#305bd4
```
#305bd4 rgb(48,91,212)
```
#2757dd
```
#2757dd rgb(39,87,221)
```
#1d52e7
```
#1d52e7 rgb(29,82,231)
```
#144ef0
```
#144ef0 rgb(20,78,240)
```
#0a49fa
```
#0a49fa rgb(10,73,250)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#596176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e6bcf Protanopia 1% of men
#0071b9 Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#2867cd Protanomaly 1% of men, 0.01% of women
#156abf Deuteranomaly 6% of men, 0.4% of women
#15709b Tritanomaly 0.01% of the population

#3a60ca hex color

#3a60ca Color Information

#3a60ca Color Conversion

Color Schemes with #3a60ca

Alternatives to #3a60ca

#3a60ca Preview

Shades and Tints of #3a60ca

Tones of #3a60ca

Color Blindness Simulator