#3a58fc hex color

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

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

● #3a58fc color description : Bright blue.

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

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

CIE-LAB	45.505, 45.573, -84.236
XYZ	22.802, 14.906, 93.765
xyY	0.173, 0.113, 14.906
CIE-LCH	45.505, 95.774, 298.414
CIE-LUV	45.505, -14.787, -126.659
Hunter-Lab	38.608, 37.858, -116.97
Binary	00111010, 01011000, 11111100

#3a58fc
```
#3a58fc rgb(58,88,252)
```
#fcde3a
```
#fcde3a rgb(252,222,58)
```

Complementary Color

#3ab9fc
```
#3ab9fc rgb(58,185,252)
```
#3a58fc
```
#3a58fc rgb(58,88,252)
```
#7d3afc
```
#7d3afc rgb(125,58,252)
```

Analogous Color

#b9fc3a
```
#b9fc3a rgb(185,252,58)
```
#3a58fc
```
#3a58fc rgb(58,88,252)
```
#fc7d3a
```
#fc7d3a rgb(252,125,58)
```

Split Complementary Color

#58fc3a
```
#58fc3a rgb(88,252,58)
```
#3a58fc
```
#3a58fc rgb(58,88,252)
```
#fc3a58
```
#fc3a58 rgb(252,58,88)
```

Triadic Color

#3afcde
```
#3afcde rgb(58,252,222)
```
#3a58fc
```
#3a58fc rgb(58,88,252)
```
#fc3a58
```
#fc3a58 rgb(252,58,88)
```
#fcde3a
```
#fcde3a rgb(252,222,58)
```

Tetradic Color

#0427e6
```
#0427e6 rgb(4,39,230)
```
#082dfb
```
#082dfb rgb(8,45,251)
```
#2143fc
```
#2143fc rgb(33,67,252)
```
#3a58fc
```
#3a58fc rgb(58,88,252)
```
#536dfc
```
#536dfc rgb(83,109,252)
```
#6c83fd
```
#6c83fd rgb(108,131,253)
```
#8598fd
```
#8598fd rgb(133,152,253)
```

Monochromatic Color

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

#3a89fc
```
#3a89fc rgb(58,137,252)
```
#3a78fc
```
#3a78fc rgb(58,120,252)
```
#3a68fc
```
#3a68fc rgb(58,104,252)
```
#3a58fc
```
#3a58fc rgb(58,88,252)
```
#3a48fc
```
#3a48fc rgb(58,72,252)
```
#3c3afc
```
#3c3afc rgb(60,58,252)
```
#4c3afc
```
#4c3afc rgb(76,58,252)
```

Similar Colors

Text with hexadecimal color #3a58fc

This text has a font color of #3a58fc.

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

#3a58fc background color

This paragraph has a background color of #3a58fc.

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

#3a58fc border color

This element has a border color of #3a58fc.

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

CSS codes

.text {color:#3a58fc;}

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

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

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)
```
#01105d
```
#01105d rgb(1,16,93)
```
#021370
```
#021370 rgb(2,19,112)
```
#021683
```
#021683 rgb(2,22,131)
```
#021997
```
#021997 rgb(2,25,151)
```
#031caa
```
#031caa rgb(3,28,170)
```
#0320bd
```
#0320bd rgb(3,32,189)
```
#0323d1
```
#0323d1 rgb(3,35,209)
```
#0326e4
```
#0326e4 rgb(3,38,228)
```
#0429f7
```
#0429f7 rgb(4,41,247)
```

Shade Color Variation

#1337fb
```
#1337fb rgb(19,55,251)
```
#2748fc
```
#2748fc rgb(39,72,252)
```
#3a58fc
```
#3a58fc rgb(58,88,252)
```
#4d68fc
```
#4d68fc rgb(77,104,252)
```
#6179fd
```
#6179fd rgb(97,121,253)
```
#7489fd
```
#7489fd rgb(116,137,253)
```
#879afd
```
#879afd rgb(135,154,253)
```
#9baafd
```
#9baafd rgb(155,170,253)
```
#aebafe
```
#aebafe rgb(174,186,254)
```
#c1cbfe
```
#c1cbfe rgb(193,203,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 #3a58fc 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)
```
#7883be
```
#7883be rgb(120,131,190)
```
#707dc6
```
#707dc6 rgb(112,125,198)
```
#6878ce
```
#6878ce rgb(104,120,206)
```
#6073d6
```
#6073d6 rgb(96,115,214)
```
#596ddd
```
#596ddd rgb(89,109,221)
```
#5168e5
```
#5168e5 rgb(81,104,229)
```
#4963ed
```
#4963ed rgb(73,99,237)
```
#425df4
```
#425df4 rgb(66,93,244)
```
#3a58fc
```
#3a58fc rgb(58,88,252)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5a6081 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076bd Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#1567e6 Protanomaly 1% of men, 0.01% of women
#156bd4 Deuteranomaly 6% of men, 0.4% of women
#1570b0 Tritanomaly 0.01% of the population

#3a58fc hex color

#3a58fc Color Information

#3a58fc Color Conversion

Color Schemes with #3a58fc

Alternatives to #3a58fc

#3a58fc Preview

Shades and Tints of #3a58fc

Tones of #3a58fc

Color Blindness Simulator