#3570fa hex color

In a RGB color space, hex #3570fa is composed of 20.8% red, 43.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 55.2% magenta, 0% yellow and 2% black. It has a hue angle of 222 degrees, a saturation of 95.2% and a lightness of 59.4%. #3570fa color hex could be obtained by blending #6ae0ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 21
- G 44
- B 98
RGB color chart
- C 79
- M 55
- Y 0
- K 2
CMYK color chart

● #3570fa color description : Bright blue.

The hexadecimal color #3570fa has RGB values of R:53, G:112, B:250 and CMYK values of C:0.79, M:0.55, Y:0, K:0.02. Its decimal value is 3502330.

Hex triplet	3570fa	`#3570fa`
RGB Decimal	53, 112, 250	`rgb(53,112,250)`
RGB Percent	20.8, 43.9, 98	`rgb(20.8%,43.9%,98%)`
CMYK	79, 55, 0, 2
HSL	222°, 95.2, 59.4	`hsl(222,95.2%,59.4%)`
HSV (or HSB)	222°, 78.8, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.973, 29.592, -74.194
XYZ	24.514, 19.245, 92.86
xyY	0.179, 0.141, 19.245
CIE-LCH	50.973, 79.877, 291.745
CIE-LUV	50.973, -21.299, -116.39
Hunter-Lab	43.87, 22.972, -94.792
Binary	00110101, 01110000, 11111010

#3570fa
```
#3570fa rgb(53,112,250)
```
#fabf35
```
#fabf35 rgb(250,191,53)
```

Complementary Color

#35d3fa
```
#35d3fa rgb(53,211,250)
```
#3570fa
```
#3570fa rgb(53,112,250)
```
#5d35fa
```
#5d35fa rgb(93,53,250)
```

Analogous Color

#d3fa35
```
#d3fa35 rgb(211,250,53)
```
#3570fa
```
#3570fa rgb(53,112,250)
```
#fa5d35
```
#fa5d35 rgb(250,93,53)
```

Split Complementary Color

#70fa35
```
#70fa35 rgb(112,250,53)
```
#3570fa
```
#3570fa rgb(53,112,250)
```
#fa3570
```
#fa3570 rgb(250,53,112)
```

Triadic Color

#35fabf
```
#35fabf rgb(53,250,191)
```
#3570fa
```
#3570fa rgb(53,112,250)
```
#fa3570
```
#fa3570 rgb(250,53,112)
```
#fabf35
```
#fabf35 rgb(250,191,53)
```

Tetradic Color

#0546dd
```
#0546dd rgb(5,70,221)
```
#064ef6
```
#064ef6 rgb(6,78,246)
```
#1c5ef9
```
#1c5ef9 rgb(28,94,249)
```
#3570fa
```
#3570fa rgb(53,112,250)
```
#4e82fb
```
#4e82fb rgb(78,130,251)
```
#6793fb
```
#6793fb rgb(103,147,251)
```
#80a5fc
```
#80a5fc rgb(128,165,252)
```

Monochromatic Color

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

#35a1fa
```
#35a1fa rgb(53,161,250)
```
#3591fa
```
#3591fa rgb(53,145,250)
```
#3580fa
```
#3580fa rgb(53,128,250)
```
#3570fa
```
#3570fa rgb(53,112,250)
```
#3560fa
```
#3560fa rgb(53,96,250)
```
#354ffa
```
#354ffa rgb(53,79,250)
```
#353ffa
```
#353ffa rgb(53,63,250)
```

Similar Colors

Text with hexadecimal color #3570fa

This text has a font color of #3570fa.

<span style="color:#3570fa;">Text here</span>

#3570fa background color

This paragraph has a background color of #3570fa.

<p style="background-color:#3570fa;">Content here</p>

#3570fa border color

This element has a border color of #3570fa.

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

CSS codes

.text {color:#3570fa;}

.background {background-color:#3570fa;}

.border {border:1px solid #3570fa;}

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

#000309
```
#000309 rgb(0,3,9)
```
#01091c
```
#01091c rgb(1,9,28)
```
#010f2f
```
#010f2f rgb(1,15,47)
```
#021542
```
#021542 rgb(2,21,66)
```
#021b55
```
#021b55 rgb(2,27,85)
```
#032168
```
#032168 rgb(3,33,104)
```
#03277b
```
#03277b rgb(3,39,123)
```
#042d8f
```
#042d8f rgb(4,45,143)
```
#0433a2
```
#0433a2 rgb(4,51,162)
```
#0439b5
```
#0439b5 rgb(4,57,181)
```
#053fc8
```
#053fc8 rgb(5,63,200)
```
#0545db
```
#0545db rgb(5,69,219)
```
#064bee
```
#064bee rgb(6,75,238)
```

Shade Color Variation

#0f55f9
```
#0f55f9 rgb(15,85,249)
```
#2262fa
```
#2262fa rgb(34,98,250)
```
#3570fa
```
#3570fa rgb(53,112,250)
```
#487efa
```
#487efa rgb(72,126,250)
```
#5b8bfb
```
#5b8bfb rgb(91,139,251)
```
#6e99fb
```
#6e99fb rgb(110,153,251)
```
#82a6fc
```
#82a6fc rgb(130,166,252)
```
#95b4fc
```
#95b4fc rgb(149,180,252)
```
#a8c1fd
```
#a8c1fd rgb(168,193,253)
```
#bbcffd
```
#bbcffd rgb(187,207,253)
```
#cedcfe
```
#cedcfe rgb(206,220,254)
```
#e1eafe
```
#e1eafe rgb(225,234,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95969a is the less saturated color, while #3570fa is the most saturated one.

#95969a
```
#95969a rgb(149,150,154)
```
#8d93a2
```
#8d93a2 rgb(141,147,162)
```
#8590aa
```
#8590aa rgb(133,144,170)
```
#7d8db2
```
#7d8db2 rgb(125,141,178)
```
#758aba
```
#758aba rgb(117,138,186)
```
#6d86c2
```
#6d86c2 rgb(109,134,194)
```
#6583ca
```
#6583ca rgb(101,131,202)
```
#5d80d2
```
#5d80d2 rgb(93,128,210)
```
#557dda
```
#557dda rgb(85,125,218)
```
#4d7ae2
```
#4d7ae2 rgb(77,122,226)
```
#4576ea
```
#4576ea rgb(69,118,234)
```
#3d73f2
```
#3d73f2 rgb(61,115,242)
```
#3570fa
```
#3570fa rgb(53,112,250)
```

Tone Color Variation

Below, you can see how #3570fa 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

#6e6e6e Achromatopsia 0.005% of the population
#636e8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#0083d5 Deuteranopia 1% of men
#008d95 Tritanopia 0.001% of the population

Trichromacy

#1377f6 Protanomaly 1% of men, 0.01% of women
#137ce2 Deuteranomaly 6% of men, 0.4% of women
#1382b9 Tritanomaly 0.01% of the population

#3570fa hex color

#3570fa Color Information

#3570fa Color Conversion

Color Schemes with #3570fa

Alternatives to #3570fa

#3570fa Preview

Shades and Tints of #3570fa

Tones of #3570fa

Color Blindness Simulator