#3a74fa hex color

In a RGB color space, hex #3a74fa is composed of 22.7% red, 45.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 53.6% magenta, 0% yellow and 2% black. It has a hue angle of 221.9 degrees, a saturation of 95% and a lightness of 60.4%. #3a74fa color hex could be obtained by blending #74e8ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 45
- B 98
RGB color chart
- C 77
- M 54
- Y 0
- K 2
CMYK color chart

● #3a74fa color description : Bright blue.

The hexadecimal color #3a74fa has RGB values of R:58, G:116, B:250 and CMYK values of C:0.77, M:0.54, Y:0, K:0.02. Its decimal value is 3831034.

Hex triplet	3a74fa	`#3a74fa`
RGB Decimal	58, 116, 250	`rgb(58,116,250)`
RGB Percent	22.7, 45.5, 98	`rgb(22.7%,45.5%,98%)`
CMYK	77, 54, 0, 2
HSL	221.9°, 95, 60.4	`hsl(221.9,95%,60.4%)`
HSV (or HSB)	221.9°, 76.8, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.164, 27.578, -72.251
XYZ	25.242, 20.291, 93.023
xyY	0.182, 0.146, 20.291
CIE-LCH	52.164, 77.336, 290.892
CIE-LUV	52.164, -21.671, -114.139
Hunter-Lab	45.045, 21.197, -90.909
Binary	00111010, 01110100, 11111010

#3a74fa
```
#3a74fa rgb(58,116,250)
```
#fac03a
```
#fac03a rgb(250,192,58)
```

Complementary Color

#3ad4fa
```
#3ad4fa rgb(58,212,250)
```
#3a74fa
```
#3a74fa rgb(58,116,250)
```
#603afa
```
#603afa rgb(96,58,250)
```

Analogous Color

#d4fa3a
```
#d4fa3a rgb(212,250,58)
```
#3a74fa
```
#3a74fa rgb(58,116,250)
```
#fa603a
```
#fa603a rgb(250,96,58)
```

Split Complementary Color

#74fa3a
```
#74fa3a rgb(116,250,58)
```
#3a74fa
```
#3a74fa rgb(58,116,250)
```
#fa3a74
```
#fa3a74 rgb(250,58,116)
```

Triadic Color

#3afac0
```
#3afac0 rgb(58,250,192)
```
#3a74fa
```
#3a74fa rgb(58,116,250)
```
#fa3a74
```
#fa3a74 rgb(250,58,116)
```
#fac03a
```
#fac03a rgb(250,192,58)
```

Tetradic Color

#0648e2
```
#0648e2 rgb(6,72,226)
```
#0851f9
```
#0851f9 rgb(8,81,249)
```
#2162f9
```
#2162f9 rgb(33,98,249)
```
#3a74fa
```
#3a74fa rgb(58,116,250)
```
#5386fb
```
#5386fb rgb(83,134,251)
```
#6c97fb
```
#6c97fb rgb(108,151,251)
```
#85a9fc
```
#85a9fc rgb(133,169,252)
```

Monochromatic Color

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

#3aa4fa
```
#3aa4fa rgb(58,164,250)
```
#3a94fa
```
#3a94fa rgb(58,148,250)
```
#3a84fa
```
#3a84fa rgb(58,132,250)
```
#3a74fa
```
#3a74fa rgb(58,116,250)
```
#3a64fa
```
#3a64fa rgb(58,100,250)
```
#3a54fa
```
#3a54fa rgb(58,84,250)
```
#3a44fa
```
#3a44fa rgb(58,68,250)
```

Similar Colors

Text with hexadecimal color #3a74fa

This text has a font color of #3a74fa.

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

#3a74fa background color

This paragraph has a background color of #3a74fa.

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

#3a74fa border color

This element has a border color of #3a74fa.

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

CSS codes

.text {color:#3a74fa;}

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

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

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, #00040d is the darkest color, while #f9fbff is the lightest one.

#00040d
```
#00040d rgb(0,4,13)
```
#010a21
```
#010a21 rgb(1,10,33)
```
#011134
```
#011134 rgb(1,17,52)
```
#021747
```
#021747 rgb(2,23,71)
```
#021d5a
```
#021d5a rgb(2,29,90)
```
#03236d
```
#03236d rgb(3,35,109)
```
#032980
```
#032980 rgb(3,41,128)
```
#042f93
```
#042f93 rgb(4,47,147)
```
#0435a6
```
#0435a6 rgb(4,53,166)
```
#053bba
```
#053bba rgb(5,59,186)
```
#0541cd
```
#0541cd rgb(5,65,205)
```
#0648e0
```
#0648e0 rgb(6,72,224)
```
#064ef3
```
#064ef3 rgb(6,78,243)
```

Shade Color Variation

#1459f9
```
#1459f9 rgb(20,89,249)
```
#2767fa
```
#2767fa rgb(39,103,250)
```
#3a74fa
```
#3a74fa rgb(58,116,250)
```
#4d81fa
```
#4d81fa rgb(77,129,250)
```
#608ffb
```
#608ffb rgb(96,143,251)
```
#739cfb
```
#739cfb rgb(115,156,251)
```
#87aafc
```
#87aafc rgb(135,170,252)
```
#9ab7fc
```
#9ab7fc rgb(154,183,252)
```
#adc5fd
```
#adc5fd rgb(173,197,253)
```
#c0d2fd
```
#c0d2fd rgb(192,210,253)
```
#d3e0fe
```
#d3e0fe rgb(211,224,254)
```
#e6edfe
```
#e6edfe rgb(230,237,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#97999d
```
#97999d rgb(151,153,157)
```
#8f96a5
```
#8f96a5 rgb(143,150,165)
```
#8893ac
```
#8893ac rgb(136,147,172)
```
#8090b4
```
#8090b4 rgb(128,144,180)
```
#788dbc
```
#788dbc rgb(120,141,188)
```
#708ac4
```
#708ac4 rgb(112,138,196)
```
#6986cb
```
#6986cb rgb(105,134,203)
```
#6183d3
```
#6183d3 rgb(97,131,211)
```
#5980db
```
#5980db rgb(89,128,219)
```
#517de3
```
#517de3 rgb(81,125,227)
```
#4a7aea
```
#4a7aea rgb(74,122,234)
```
#4277f2
```
#4277f2 rgb(66,119,242)
```
#3a74fa
```
#3a74fa rgb(58,116,250)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#67728d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086da Deuteranopia 1% of men
#009098 Tritanopia 0.001% of the population

Trichromacy

#157bf9 Protanomaly 1% of men, 0.01% of women
#157fe6 Deuteranomaly 6% of men, 0.4% of women
#1585bc Tritanomaly 0.01% of the population

#3a74fa hex color

#3a74fa Color Information

#3a74fa Color Conversion

Color Schemes with #3a74fa

Alternatives to #3a74fa

#3a74fa Preview

Shades and Tints of #3a74fa

Tones of #3a74fa

Color Blindness Simulator