#3a74ec hex color

In a RGB color space, hex #3a74ec is composed of 22.7% red, 45.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 50.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 220.4 degrees, a saturation of 82.4% and a lightness of 57.6%. #3a74ec color hex could be obtained by blending #74e8ff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 45
- B 93
RGB color chart
- C 75
- M 51
- Y 0
- K 7
CMYK color chart

● #3a74ec color description : Bright blue.

The hexadecimal color #3a74ec has RGB values of R:58, G:116, B:236 and CMYK values of C:0.75, M:0.51, Y:0, K:0.07. Its decimal value is 3831020.

Hex triplet	3a74ec	`#3a74ec`
RGB Decimal	58, 116, 236	`rgb(58,116,236)`
RGB Percent	22.7, 45.5, 92.5	`rgb(22.7%,45.5%,92.5%)`
CMYK	75, 51, 0, 7
HSL	220.4°, 82.4, 57.6	`hsl(220.4,82.4%,57.6%)`
HSV (or HSB)	220.4°, 75.4, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.204, 22.481, -66.01
XYZ	23.127, 19.445, 81.887
xyY	0.186, 0.156, 19.445
CIE-LCH	51.204, 69.733, 288.808
CIE-LUV	51.204, -21.82, -103.899
Hunter-Lab	44.096, 16.45, -79.234
Binary	00111010, 01110100, 11101100

#3a74ec
```
#3a74ec rgb(58,116,236)
```
#ecb23a
```
#ecb23a rgb(236,178,58)
```

Complementary Color

#3acdec
```
#3acdec rgb(58,205,236)
```
#3a74ec
```
#3a74ec rgb(58,116,236)
```
#593aec
```
#593aec rgb(89,58,236)
```

Analogous Color

#cdec3a
```
#cdec3a rgb(205,236,58)
```
#3a74ec
```
#3a74ec rgb(58,116,236)
```
#ec593a
```
#ec593a rgb(236,89,58)
```

Split Complementary Color

#74ec3a
```
#74ec3a rgb(116,236,58)
```
#3a74ec
```
#3a74ec rgb(58,116,236)
```
#ec3a74
```
#ec3a74 rgb(236,58,116)
```

Triadic Color

#3aecb2
```
#3aecb2 rgb(58,236,178)
```
#3a74ec
```
#3a74ec rgb(58,116,236)
```
#ec3a74
```
#ec3a74 rgb(236,58,116)
```
#ecb23a
```
#ecb23a rgb(236,178,58)
```

Tetradic Color

#134ec6
```
#134ec6 rgb(19,78,198)
```
#1557de
```
#1557de rgb(21,87,222)
```
#2364ea
```
#2364ea rgb(35,100,234)
```
#3a74ec
```
#3a74ec rgb(58,116,236)
```
#5184ee
```
#5184ee rgb(81,132,238)
```
#6995f0
```
#6995f0 rgb(105,149,240)
```
#80a5f3
```
#80a5f3 rgb(128,165,243)
```

Monochromatic Color

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

#3aa1ec
```
#3aa1ec rgb(58,161,236)
```
#3a92ec
```
#3a92ec rgb(58,146,236)
```
#3a83ec
```
#3a83ec rgb(58,131,236)
```
#3a74ec
```
#3a74ec rgb(58,116,236)
```
#3a65ec
```
#3a65ec rgb(58,101,236)
```
#3a56ec
```
#3a56ec rgb(58,86,236)
```
#3a48ec
```
#3a48ec rgb(58,72,236)
```

Similar Colors

Text with hexadecimal color #3a74ec

This text has a font color of #3a74ec.

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

#3a74ec background color

This paragraph has a background color of #3a74ec.

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

#3a74ec border color

This element has a border color of #3a74ec.

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

CSS codes

.text {color:#3a74ec;}

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

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

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

#020712
```
#020712 rgb(2,7,18)
```
#030e24
```
#030e24 rgb(3,14,36)
```
#051535
```
#051535 rgb(5,21,53)
```
#071c47
```
#071c47 rgb(7,28,71)
```
#092359
```
#092359 rgb(9,35,89)
```
#0a2a6b
```
#0a2a6b rgb(10,42,107)
```
#0c317d
```
#0c317d rgb(12,49,125)
```
#0e388f
```
#0e388f rgb(14,56,143)
```
#103fa1
```
#103fa1 rgb(16,63,161)
```
#1146b3
```
#1146b3 rgb(17,70,179)
```
#134dc5
```
#134dc5 rgb(19,77,197)
```
#1554d6
```
#1554d6 rgb(21,84,214)
```
#165be8
```
#165be8 rgb(22,91,232)
```

Shade Color Variation

#2867ea
```
#2867ea rgb(40,103,234)
```
#3a74ec
```
#3a74ec rgb(58,116,236)
```
#4c81ee
```
#4c81ee rgb(76,129,238)
```
#5e8def
```
#5e8def rgb(94,141,239)
```
#709af1
```
#709af1 rgb(112,154,241)
```
#82a6f3
```
#82a6f3 rgb(130,166,243)
```
#93b3f5
```
#93b3f5 rgb(147,179,245)
```
#a5c0f6
```
#a5c0f6 rgb(165,192,246)
```
#b7ccf8
```
#b7ccf8 rgb(183,204,248)
```
#c9d9fa
```
#c9d9fa rgb(201,217,250)
```
#dbe6fc
```
#dbe6fc rgb(219,230,252)
```
#edf2fd
```
#edf2fd rgb(237,242,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9199 is the less saturated color, while #296efd is the most saturated one.

#8d9199
```
#8d9199 rgb(141,145,153)
```
#858ea1
```
#858ea1 rgb(133,142,161)
```
#7c8baa
```
#7c8baa rgb(124,139,170)
```
#7488b2
```
#7488b2 rgb(116,136,178)
```
#6c85ba
```
#6c85ba rgb(108,133,186)
```
#6482c2
```
#6482c2 rgb(100,130,194)
```
#5b80cb
```
#5b80cb rgb(91,128,203)
```
#537dd3
```
#537dd3 rgb(83,125,211)
```
#4b7adb
```
#4b7adb rgb(75,122,219)
```
#4277e4
```
#4277e4 rgb(66,119,228)
```
#3a74ec
```
#3a74ec rgb(58,116,236)
```
#3271f4
```
#3271f4 rgb(50,113,244)
```
#296efd
```
#296efd rgb(41,110,253)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#657189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d7dee Protanopia 1% of men
#0083d7 Deuteranopia 1% of men
#008d96 Tritanopia 0.001% of the population

Trichromacy

#3279ed Protanomaly 1% of men, 0.01% of women
#157ddf Deuteranomaly 6% of men, 0.4% of women
#1584b5 Tritanomaly 0.01% of the population

#3a74ec hex color

#3a74ec Color Information

#3a74ec Color Conversion

Color Schemes with #3a74ec

Alternatives to #3a74ec

#3a74ec Preview

Shades and Tints of #3a74ec

Tones of #3a74ec

Color Blindness Simulator