#3a51fc hex color

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

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

● #3a51fc color description : Bright blue.

The hexadecimal color #3a51fc has RGB values of R:58, G:81, B:252 and CMYK values of C:0.77, M:0.68, Y:0, K:0.01. Its decimal value is 3822076.

Hex triplet	3a51fc	`#3a51fc`
RGB Decimal	58, 81, 252	`rgb(58,81,252)`
RGB Percent	22.7, 31.8, 98.8	`rgb(22.7%,31.8%,98.8%)`
CMYK	77, 68, 0, 1
HSL	232.9°, 97, 60.8	`hsl(232.9,97%,60.8%)`
HSV (or HSB)	232.9°, 77, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.961, 49.722, -86.775
XYZ	22.254, 13.811, 93.583
xyY	0.172, 0.107, 13.811
CIE-LCH	43.961, 100.011, 299.813
CIE-LUV	43.961, -13.346, -128.409
Hunter-Lab	37.163, 41.855, -123.287
Binary	00111010, 01010001, 11111100

#3a51fc
```
#3a51fc rgb(58,81,252)
```
#fce53a
```
#fce53a rgb(252,229,58)
```

Complementary Color

#3ab2fc
```
#3ab2fc rgb(58,178,252)
```
#3a51fc
```
#3a51fc rgb(58,81,252)
```
#843afc
```
#843afc rgb(132,58,252)
```

Analogous Color

#b2fc3a
```
#b2fc3a rgb(178,252,58)
```
#3a51fc
```
#3a51fc rgb(58,81,252)
```
#fc843a
```
#fc843a rgb(252,132,58)
```

Split Complementary Color

#51fc3a
```
#51fc3a rgb(81,252,58)
```
#3a51fc
```
#3a51fc rgb(58,81,252)
```
#fc3a51
```
#fc3a51 rgb(252,58,81)
```

Triadic Color

#3afce5
```
#3afce5 rgb(58,252,229)
```
#3a51fc
```
#3a51fc rgb(58,81,252)
```
#fc3a51
```
#fc3a51 rgb(252,58,81)
```
#fce53a
```
#fce53a rgb(252,229,58)
```

Tetradic Color

#041ee6
```
#041ee6 rgb(4,30,230)
```
#0825fb
```
#0825fb rgb(8,37,251)
```
#213bfc
```
#213bfc rgb(33,59,252)
```
#3a51fc
```
#3a51fc rgb(58,81,252)
```
#5367fc
```
#5367fc rgb(83,103,252)
```
#6c7dfd
```
#6c7dfd rgb(108,125,253)
```
#8594fd
```
#8594fd rgb(133,148,253)
```

Monochromatic Color

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

#3a82fc
```
#3a82fc rgb(58,130,252)
```
#3a71fc
```
#3a71fc rgb(58,113,252)
```
#3a61fc
```
#3a61fc rgb(58,97,252)
```
#3a51fc
```
#3a51fc rgb(58,81,252)
```
#3a41fc
```
#3a41fc rgb(58,65,252)
```
#433afc
```
#433afc rgb(67,58,252)
```
#533afc
```
#533afc rgb(83,58,252)
```

Similar Colors

Text with hexadecimal color #3a51fc

This text has a font color of #3a51fc.

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

#3a51fc background color

This paragraph has a background color of #3a51fc.

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

#3a51fc border color

This element has a border color of #3a51fc.

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

CSS codes

.text {color:#3a51fc;}

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

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

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

#000210
```
#000210 rgb(0,2,16)
```
#010523
```
#010523 rgb(1,5,35)
```
#010736
```
#010736 rgb(1,7,54)
```
#010a49
```
#010a49 rgb(1,10,73)
```
#010c5d
```
#010c5d rgb(1,12,93)
```
#020f70
```
#020f70 rgb(2,15,112)
```
#021183
```
#021183 rgb(2,17,131)
```
#021497
```
#021497 rgb(2,20,151)
```
#0316aa
```
#0316aa rgb(3,22,170)
```
#0319bd
```
#0319bd rgb(3,25,189)
```
#031cd1
```
#031cd1 rgb(3,28,209)
```
#031ee4
```
#031ee4 rgb(3,30,228)
```
#0421f7
```
#0421f7 rgb(4,33,247)
```

Shade Color Variation

#132ffb
```
#132ffb rgb(19,47,251)
```
#2740fc
```
#2740fc rgb(39,64,252)
```
#3a51fc
```
#3a51fc rgb(58,81,252)
```
#4d62fc
```
#4d62fc rgb(77,98,252)
```
#6173fd
```
#6173fd rgb(97,115,253)
```
#7484fd
```
#7484fd rgb(116,132,253)
```
#8795fd
```
#8795fd rgb(135,149,253)
```
#9ba6fd
```
#9ba6fd rgb(155,166,253)
```
#aeb7fe
```
#aeb7fe rgb(174,183,254)
```
#c1c8fe
```
#c1c8fe rgb(193,200,254)
```
#d5dafe
```
#d5dafe rgb(213,218,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, #9697a0 is the less saturated color, while #3a51fc is the most saturated one.

#9697a0
```
#9697a0 rgb(150,151,160)
```
#8f92a7
```
#8f92a7 rgb(143,146,167)
```
#878caf
```
#878caf rgb(135,140,175)
```
#7f86b7
```
#7f86b7 rgb(127,134,183)
```
#7880be
```
#7880be rgb(120,128,190)
```
#707ac6
```
#707ac6 rgb(112,122,198)
```
#6874ce
```
#6874ce rgb(104,116,206)
```
#606ed6
```
#606ed6 rgb(96,110,214)
```
#5968dd
```
#5968dd rgb(89,104,221)
```
#5163e5
```
#5163e5 rgb(81,99,229)
```
#495ded
```
#495ded rgb(73,93,237)
```
#4257f4
```
#4257f4 rgb(66,87,244)
```
#3a51fc
```
#3a51fc rgb(58,81,252)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#575b7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1562e2 Protanomaly 1% of men, 0.01% of women
#1566d0 Deuteranomaly 6% of men, 0.4% of women
#156bad Tritanomaly 0.01% of the population

#3a51fc hex color

#3a51fc Color Information

#3a51fc Color Conversion

Color Schemes with #3a51fc

Alternatives to #3a51fc

#3a51fc Preview

Shades and Tints of #3a51fc

Tones of #3a51fc

Color Blindness Simulator