#3a57fc hex color

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

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

● #3a57fc color description : Bright blue.

The hexadecimal color #3a57fc has RGB values of R:58, G:87, B:252 and CMYK values of C:0.77, M:0.65, Y:0, K:0.01. Its decimal value is 3823612.

Hex triplet	3a57fc	`#3a57fc`
RGB Decimal	58, 87, 252	`rgb(58,87,252)`
RGB Percent	22.7, 34.1, 98.8	`rgb(22.7%,34.1%,98.8%)`
CMYK	77, 65, 0, 1
HSL	231°, 97, 60.8	`hsl(231,97%,60.8%)`
HSV (or HSB)	231°, 77, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.28, 46.173, -84.606
XYZ	22.72, 14.743, 93.738
xyY	0.173, 0.112, 14.743
CIE-LCH	45.28, 96.385, 298.623
CIE-LUV	45.28, -14.574, -126.934
Hunter-Lab	38.396, 38.431, -117.87
Binary	00111010, 01010111, 11111100

#3a57fc
```
#3a57fc rgb(58,87,252)
```
#fcdf3a
```
#fcdf3a rgb(252,223,58)
```

Complementary Color

#3ab8fc
```
#3ab8fc rgb(58,184,252)
```
#3a57fc
```
#3a57fc rgb(58,87,252)
```
#7e3afc
```
#7e3afc rgb(126,58,252)
```

Analogous Color

#b8fc3a
```
#b8fc3a rgb(184,252,58)
```
#3a57fc
```
#3a57fc rgb(58,87,252)
```
#fc7e3a
```
#fc7e3a rgb(252,126,58)
```

Split Complementary Color

#57fc3a
```
#57fc3a rgb(87,252,58)
```
#3a57fc
```
#3a57fc rgb(58,87,252)
```
#fc3a57
```
#fc3a57 rgb(252,58,87)
```

Triadic Color

#3afcdf
```
#3afcdf rgb(58,252,223)
```
#3a57fc
```
#3a57fc rgb(58,87,252)
```
#fc3a57
```
#fc3a57 rgb(252,58,87)
```
#fcdf3a
```
#fcdf3a rgb(252,223,58)
```

Tetradic Color

#0425e6
```
#0425e6 rgb(4,37,230)
```
#082cfb
```
#082cfb rgb(8,44,251)
```
#2142fc
```
#2142fc rgb(33,66,252)
```
#3a57fc
```
#3a57fc rgb(58,87,252)
```
#536cfc
```
#536cfc rgb(83,108,252)
```
#6c82fd
```
#6c82fd rgb(108,130,253)
```
#8597fd
```
#8597fd rgb(133,151,253)
```

Monochromatic Color

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

#3a88fc
```
#3a88fc rgb(58,136,252)
```
#3a77fc
```
#3a77fc rgb(58,119,252)
```
#3a67fc
```
#3a67fc rgb(58,103,252)
```
#3a57fc
```
#3a57fc rgb(58,87,252)
```
#3a47fc
```
#3a47fc rgb(58,71,252)
```
#3d3afc
```
#3d3afc rgb(61,58,252)
```
#4d3afc
```
#4d3afc rgb(77,58,252)
```

Similar Colors

Text with hexadecimal color #3a57fc

This text has a font color of #3a57fc.

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

#3a57fc background color

This paragraph has a background color of #3a57fc.

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

#3a57fc border color

This element has a border color of #3a57fc.

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

CSS codes

.text {color:#3a57fc;}

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

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

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

#000310
```
#000310 rgb(0,3,16)
```
#010623
```
#010623 rgb(1,6,35)
```
#010936
```
#010936 rgb(1,9,54)
```
#010c49
```
#010c49 rgb(1,12,73)
```
#010f5d
```
#010f5d rgb(1,15,93)
```
#021270
```
#021270 rgb(2,18,112)
```
#021583
```
#021583 rgb(2,21,131)
```
#021897
```
#021897 rgb(2,24,151)
```
#031caa
```
#031caa rgb(3,28,170)
```
#031fbd
```
#031fbd rgb(3,31,189)
```
#0322d1
```
#0322d1 rgb(3,34,209)
```
#0325e4
```
#0325e4 rgb(3,37,228)
```
#0428f7
```
#0428f7 rgb(4,40,247)
```

Shade Color Variation

#1336fb
```
#1336fb rgb(19,54,251)
```
#2747fc
```
#2747fc rgb(39,71,252)
```
#3a57fc
```
#3a57fc rgb(58,87,252)
```
#4d67fc
```
#4d67fc rgb(77,103,252)
```
#6178fd
```
#6178fd rgb(97,120,253)
```
#7488fd
```
#7488fd rgb(116,136,253)
```
#8799fd
```
#8799fd rgb(135,153,253)
```
#9ba9fd
```
#9ba9fd rgb(155,169,253)
```
#aebafe
```
#aebafe rgb(174,186,254)
```
#c1cafe
```
#c1cafe rgb(193,202,254)
```
#d5dbfe
```
#d5dbfe rgb(213,219,254)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#9698a0
```
#9698a0 rgb(150,152,160)
```
#8f92a7
```
#8f92a7 rgb(143,146,167)
```
#878daf
```
#878daf rgb(135,141,175)
```
#7f88b7
```
#7f88b7 rgb(127,136,183)
```
#7882be
```
#7882be rgb(120,130,190)
```
#707dc6
```
#707dc6 rgb(112,125,198)
```
#6877ce
```
#6877ce rgb(104,119,206)
```
#6072d6
```
#6072d6 rgb(96,114,214)
```
#596ddd
```
#596ddd rgb(89,109,221)
```
#5167e5
```
#5167e5 rgb(81,103,229)
```
#4962ed
```
#4962ed rgb(73,98,237)
```
#425cf4
```
#425cf4 rgb(66,92,244)
```
#3a57fc
```
#3a57fc rgb(58,87,252)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#595f80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#1566e5 Protanomaly 1% of men, 0.01% of women
#156ad3 Deuteranomaly 6% of men, 0.4% of women
#156fb0 Tritanomaly 0.01% of the population

#3a57fc hex color

#3a57fc Color Information

#3a57fc Color Conversion

Color Schemes with #3a57fc

Alternatives to #3a57fc

#3a57fc Preview

Shades and Tints of #3a57fc

Tones of #3a57fc

Color Blindness Simulator