#3a70fc hex color

In a RGB color space, hex #3a70fc is composed of 22.7% red, 43.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 55.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 223.3 degrees, a saturation of 97% and a lightness of 60.8%. #3a70fc color hex could be obtained by blending #74e0ff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 44
- B 99
RGB color chart
- C 77
- M 56
- Y 0
- K 1
CMYK color chart

● #3a70fc color description : Bright blue.

The hexadecimal color #3a70fc has RGB values of R:58, G:112, B:252 and CMYK values of C:0.77, M:0.56, Y:0, K:0.01. Its decimal value is 3830012.

Hex triplet	3a70fc	`#3a70fc`
RGB Decimal	58, 112, 252	`rgb(58,112,252)`
RGB Percent	22.7, 43.9, 98.8	`rgb(22.7%,43.9%,98.8%)`
CMYK	77, 56, 0, 1
HSL	223.3°, 97, 60.8	`hsl(223.3,97%,60.8%)`
HSV (or HSB)	223.3°, 77, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.284, 30.796, -74.791
XYZ	25.106, 19.514, 94.534
xyY	0.18, 0.14, 19.514
CIE-LCH	51.284, 80.883, 292.38
CIE-LUV	51.284, -20.575, -117.546
Hunter-Lab	44.175, 24.141, -95.957
Binary	00111010, 01110000, 11111100

#3a70fc
```
#3a70fc rgb(58,112,252)
```
#fcc63a
```
#fcc63a rgb(252,198,58)
```

Complementary Color

#3ad1fc
```
#3ad1fc rgb(58,209,252)
```
#3a70fc
```
#3a70fc rgb(58,112,252)
```
#653afc
```
#653afc rgb(101,58,252)
```

Analogous Color

#d1fc3a
```
#d1fc3a rgb(209,252,58)
```
#3a70fc
```
#3a70fc rgb(58,112,252)
```
#fc653a
```
#fc653a rgb(252,101,58)
```

Split Complementary Color

#70fc3a
```
#70fc3a rgb(112,252,58)
```
#3a70fc
```
#3a70fc rgb(58,112,252)
```
#fc3a70
```
#fc3a70 rgb(252,58,112)
```

Triadic Color

#3afcc6
```
#3afcc6 rgb(58,252,198)
```
#3a70fc
```
#3a70fc rgb(58,112,252)
```
#fc3a70
```
#fc3a70 rgb(252,58,112)
```
#fcc63a
```
#fcc63a rgb(252,198,58)
```

Tetradic Color

#0443e6
```
#0443e6 rgb(4,67,230)
```
#084cfb
```
#084cfb rgb(8,76,251)
```
#215efc
```
#215efc rgb(33,94,252)
```
#3a70fc
```
#3a70fc rgb(58,112,252)
```
#5382fc
```
#5382fc rgb(83,130,252)
```
#6c94fd
```
#6c94fd rgb(108,148,253)
```
#85a7fd
```
#85a7fd rgb(133,167,253)
```

Monochromatic Color

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

#3aa1fc
```
#3aa1fc rgb(58,161,252)
```
#3a90fc
```
#3a90fc rgb(58,144,252)
```
#3a80fc
```
#3a80fc rgb(58,128,252)
```
#3a70fc
```
#3a70fc rgb(58,112,252)
```
#3a60fc
```
#3a60fc rgb(58,96,252)
```
#3a50fc
```
#3a50fc rgb(58,80,252)
```
#3a40fc
```
#3a40fc rgb(58,64,252)
```

Similar Colors

Text with hexadecimal color #3a70fc

This text has a font color of #3a70fc.

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

#3a70fc background color

This paragraph has a background color of #3a70fc.

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

#3a70fc border color

This element has a border color of #3a70fc.

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

CSS codes

.text {color:#3a70fc;}

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

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

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

#000410
```
#000410 rgb(0,4,16)
```
#010a23
```
#010a23 rgb(1,10,35)
```
#011036
```
#011036 rgb(1,16,54)
```
#011549
```
#011549 rgb(1,21,73)
```
#011b5d
```
#011b5d rgb(1,27,93)
```
#022070
```
#022070 rgb(2,32,112)
```
#022683
```
#022683 rgb(2,38,131)
```
#022c97
```
#022c97 rgb(2,44,151)
```
#0331aa
```
#0331aa rgb(3,49,170)
```
#0337bd
```
#0337bd rgb(3,55,189)
```
#033cd1
```
#033cd1 rgb(3,60,209)
```
#0342e4
```
#0342e4 rgb(3,66,228)
```
#0448f7
```
#0448f7 rgb(4,72,247)
```

Shade Color Variation

#1354fb
```
#1354fb rgb(19,84,251)
```
#2762fc
```
#2762fc rgb(39,98,252)
```
#3a70fc
```
#3a70fc rgb(58,112,252)
```
#4d7efc
```
#4d7efc rgb(77,126,252)
```
#618cfd
```
#618cfd rgb(97,140,253)
```
#749afd
```
#749afd rgb(116,154,253)
```
#87a8fd
```
#87a8fd rgb(135,168,253)
```
#9bb6fd
```
#9bb6fd rgb(155,182,253)
```
#aec4fe
```
#aec4fe rgb(174,196,254)
```
#c1d2fe
```
#c1d2fe rgb(193,210,254)
```
#d5e0fe
```
#d5e0fe rgb(213,224,254)
```
#e8eeff
```
#e8eeff rgb(232,238,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#9699a0
```
#9699a0 rgb(150,153,160)
```
#8f96a7
```
#8f96a7 rgb(143,150,167)
```
#8792af
```
#8792af rgb(135,146,175)
```
#7f8fb7
```
#7f8fb7 rgb(127,143,183)
```
#788bbe
```
#788bbe rgb(120,139,190)
```
#7088c6
```
#7088c6 rgb(112,136,198)
```
#6884ce
```
#6884ce rgb(104,132,206)
```
#6081d6
```
#6081d6 rgb(96,129,214)
```
#597edd
```
#597edd rgb(89,126,221)
```
#517ae5
```
#517ae5 rgb(81,122,229)
```
#4977ed
```
#4977ed rgb(73,119,237)
```
#4273f4
```
#4273f4 rgb(66,115,244)
```
#3a70fc
```
#3a70fc rgb(58,112,252)
```

Tone Color Variation

Below, you can see how #3a70fc 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
#65708c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0084d6 Deuteranopia 1% of men
#008d96 Tritanopia 0.001% of the population

Trichromacy

#1578f7 Protanomaly 1% of men, 0.01% of women
#157ce4 Deuteranomaly 6% of men, 0.4% of women
#1582bb Tritanomaly 0.01% of the population

#3a70fc hex color

#3a70fc Color Information

#3a70fc Color Conversion

Color Schemes with #3a70fc

Alternatives to #3a70fc

#3a70fc Preview

Shades and Tints of #3a70fc

Tones of #3a70fc

Color Blindness Simulator