#3a74ca hex color

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

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

● #3a74ca color description : Moderate blue.

The hexadecimal color #3a74ca has RGB values of R:58, G:116, B:202 and CMYK values of C:0.71, M:0.43, Y:0, K:0.21. Its decimal value is 3830986.

Hex triplet	3a74ca	`#3a74ca`
RGB Decimal	58, 116, 202	`rgb(58,116,202)`
RGB Percent	22.7, 45.5, 79.2	`rgb(22.7%,45.5%,79.2%)`
CMYK	71, 43, 0, 21
HSL	215.8°, 57.6, 51	`hsl(215.8,57.6%,51%)`
HSV (or HSB)	215.8°, 71.3, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.073, 10.054, -50.209
XYZ	18.649, 17.653, 58.298
xyY	0.197, 0.187, 17.653
CIE-LCH	49.073, 51.206, 281.323
CIE-LUV	49.073, -22.387, -77.637
Hunter-Lab	42.016, 5.699, -52.856
Binary	00111010, 01110100, 11001010

#3a74ca
```
#3a74ca rgb(58,116,202)
```
#ca903a
```
#ca903a rgb(202,144,58)
```

Complementary Color

#3abcca
```
#3abcca rgb(58,188,202)
```
#3a74ca
```
#3a74ca rgb(58,116,202)
```
#483aca
```
#483aca rgb(72,58,202)
```

Analogous Color

#bcca3a
```
#bcca3a rgb(188,202,58)
```
#3a74ca
```
#3a74ca rgb(58,116,202)
```
#ca483a
```
#ca483a rgb(202,72,58)
```

Split Complementary Color

#74ca3a
```
#74ca3a rgb(116,202,58)
```
#3a74ca
```
#3a74ca rgb(58,116,202)
```
#ca3a74
```
#ca3a74 rgb(202,58,116)
```

Triadic Color

#3aca90
```
#3aca90 rgb(58,202,144)
```
#3a74ca
```
#3a74ca rgb(58,116,202)
```
#ca3a74
```
#ca3a74 rgb(202,58,116)
```
#ca903a
```
#ca903a rgb(202,144,58)
```

Tetradic Color

#275191
```
#275191 rgb(39,81,145)
```
#2c5da5
```
#2c5da5 rgb(44,93,165)
```
#3268b9
```
#3268b9 rgb(50,104,185)
```
#3a74ca
```
#3a74ca rgb(58,116,202)
```
#4e82cf
```
#4e82cf rgb(78,130,207)
```
#6290d5
```
#6290d5 rgb(98,144,213)
```
#769fda
```
#769fda rgb(118,159,218)
```

Monochromatic Color

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

#3a98ca
```
#3a98ca rgb(58,152,202)
```
#3a8cca
```
#3a8cca rgb(58,140,202)
```
#3a80ca
```
#3a80ca rgb(58,128,202)
```
#3a74ca
```
#3a74ca rgb(58,116,202)
```
#3a68ca
```
#3a68ca rgb(58,104,202)
```
#3a5cca
```
#3a5cca rgb(58,92,202)
```
#3a50ca
```
#3a50ca rgb(58,80,202)
```

Similar Colors

Text with hexadecimal color #3a74ca

This text has a font color of #3a74ca.

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

#3a74ca background color

This paragraph has a background color of #3a74ca.

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

#3a74ca border color

This element has a border color of #3a74ca.

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

CSS codes

.text {color:#3a74ca;}

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

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

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 #f3f7fc is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#050b13
```
#050b13 rgb(5,11,19)
```
#091423
```
#091423 rgb(9,20,35)
```
#0e1c32
```
#0e1c32 rgb(14,28,50)
```
#122542
```
#122542 rgb(18,37,66)
```
#162e51
```
#162e51 rgb(22,46,81)
```
#1a3661
```
#1a3661 rgb(26,54,97)
```
#1e3f70
```
#1e3f70 rgb(30,63,112)
```
#224880
```
#224880 rgb(34,72,128)
```
#26518f
```
#26518f rgb(38,81,143)
```
#2b599f
```
#2b599f rgb(43,89,159)
```
#2f62ae
```
#2f62ae rgb(47,98,174)
```
#336bbd
```
#336bbd rgb(51,107,189)
```

Shade Color Variation

#3a74ca
```
#3a74ca rgb(58,116,202)
```
#497fce
```
#497fce rgb(73,127,206)
```
#598ad2
```
#598ad2 rgb(89,138,210)
```
#6895d6
```
#6895d6 rgb(104,149,214)
```
#78a0db
```
#78a0db rgb(120,160,219)
```
#87abdf
```
#87abdf rgb(135,171,223)
```
#97b5e3
```
#97b5e3 rgb(151,181,227)
```
#a6c0e7
```
#a6c0e7 rgb(166,192,231)
```
#b6cbeb
```
#b6cbeb rgb(182,203,235)
```
#c5d6ef
```
#c5d6ef rgb(197,214,239)
```
#d5e1f4
```
#d5e1f4 rgb(213,225,244)
```
#e4ecf8
```
#e4ecf8 rgb(228,236,248)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```

Tint Color Variation

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

#7d8187
```
#7d8187 rgb(125,129,135)
```
#747f90
```
#747f90 rgb(116,127,144)
```
#6a7d9a
```
#6a7d9a rgb(106,125,154)
```
#607ba4
```
#607ba4 rgb(96,123,164)
```
#577aad
```
#577aad rgb(87,122,173)
```
#4d78b7
```
#4d78b7 rgb(77,120,183)
```
#4476c0
```
#4476c0 rgb(68,118,192)
```
#3a74ca
```
#3a74ca rgb(58,116,202)
```
#3072d4
```
#3072d4 rgb(48,114,212)
```
#2770dd
```
#2770dd rgb(39,112,221)
```
#1d6ee7
```
#1d6ee7 rgb(29,110,231)
```
#146df0
```
#146df0 rgb(20,109,240)
```
#0a6bfa
```
#0a6bfa rgb(10,107,250)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#626e7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5479cb Protanopia 1% of men
#327dcb Deuteranopia 1% of men
#008791 Tritanopia 0.001% of the population

Trichromacy

#4a77ca Protanomaly 1% of men, 0.01% of women
#3579cb Deuteranomaly 6% of men, 0.4% of women
#1580a5 Tritanomaly 0.01% of the population

#3a74ca hex color

#3a74ca Color Information

#3a74ca Color Conversion

Color Schemes with #3a74ca

Alternatives to #3a74ca

#3a74ca Preview

Shades and Tints of #3a74ca

Tones of #3a74ca

Color Blindness Simulator