#3a3afc hex color

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

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

● #3a3afc color description : Bright blue.

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

Hex triplet	3a3afc	`#3a3afc`
RGB Decimal	58, 58, 252	`rgb(58,58,252)`
RGB Percent	22.7, 22.7, 98.8	`rgb(22.7%,22.7%,98.8%)`
CMYK	77, 77, 0, 1
HSL	240°, 97, 60.8	`hsl(240,97%,60.8%)`
HSV (or HSB)	240°, 77, 98.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.5, 62.204, -94.142
XYZ	20.825, 10.953, 93.107
xyY	0.167, 0.088, 10.953
CIE-LCH	39.5, 112.836, 303.455
CIE-LUV	39.5, -9.49, -131.505
Hunter-Lab	33.095, 54.407, -143.637
Binary	00111010, 00111010, 11111100

#3a3afc
```
#3a3afc rgb(58,58,252)
```
#fcfc3a
```
#fcfc3a rgb(252,252,58)
```

Complementary Color

#3a9bfc
```
#3a9bfc rgb(58,155,252)
```
#3a3afc
```
#3a3afc rgb(58,58,252)
```
#9b3afc
```
#9b3afc rgb(155,58,252)
```

Analogous Color

#9bfc3a
```
#9bfc3a rgb(155,252,58)
```
#3a3afc
```
#3a3afc rgb(58,58,252)
```
#fc9b3a
```
#fc9b3a rgb(252,155,58)
```

Split Complementary Color

#3afc3a
```
#3afc3a rgb(58,252,58)
```
#3a3afc
```
#3a3afc rgb(58,58,252)
```
#fc3a3a
```
#fc3a3a rgb(252,58,58)
```

Triadic Color

#3afcfc
```
#3afcfc rgb(58,252,252)
```
#3a3afc
```
#3a3afc rgb(58,58,252)
```
#fc3a3a
```
#fc3a3a rgb(252,58,58)
```
#fcfc3a
```
#fcfc3a rgb(252,252,58)
```

Tetradic Color

#0404e6
```
#0404e6 rgb(4,4,230)
```
#0808fb
```
#0808fb rgb(8,8,251)
```
#2121fc
```
#2121fc rgb(33,33,252)
```
#3a3afc
```
#3a3afc rgb(58,58,252)
```
#5353fc
```
#5353fc rgb(83,83,252)
```
#6c6cfd
```
#6c6cfd rgb(108,108,253)
```
#8585fd
```
#8585fd rgb(133,133,253)
```

Monochromatic Color

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

#3a6bfc
```
#3a6bfc rgb(58,107,252)
```
#3a5afc
```
#3a5afc rgb(58,90,252)
```
#3a4afc
```
#3a4afc rgb(58,74,252)
```
#3a3afc
```
#3a3afc rgb(58,58,252)
```
#4a3afc
```
#4a3afc rgb(74,58,252)
```
#5a3afc
```
#5a3afc rgb(90,58,252)
```
#6b3afc
```
#6b3afc rgb(107,58,252)
```

Similar Colors

Text with hexadecimal color #3a3afc

This text has a font color of #3a3afc.

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

#3a3afc background color

This paragraph has a background color of #3a3afc.

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

#3a3afc border color

This element has a border color of #3a3afc.

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

CSS codes

.text {color:#3a3afc;}

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

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

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

#000010
```
#000010 rgb(0,0,16)
```
#010123
```
#010123 rgb(1,1,35)
```
#010136
```
#010136 rgb(1,1,54)
```
#010149
```
#010149 rgb(1,1,73)
```
#01015d
```
#01015d rgb(1,1,93)
```
#020270
```
#020270 rgb(2,2,112)
```
#020283
```
#020283 rgb(2,2,131)
```
#020297
```
#020297 rgb(2,2,151)
```
#0303aa
```
#0303aa rgb(3,3,170)
```
#0303bd
```
#0303bd rgb(3,3,189)
```
#0303d1
```
#0303d1 rgb(3,3,209)
```
#0303e4
```
#0303e4 rgb(3,3,228)
```
#0404f7
```
#0404f7 rgb(4,4,247)
```

Shade Color Variation

#1313fb
```
#1313fb rgb(19,19,251)
```
#2727fc
```
#2727fc rgb(39,39,252)
```
#3a3afc
```
#3a3afc rgb(58,58,252)
```
#4d4dfc
```
#4d4dfc rgb(77,77,252)
```
#6161fd
```
#6161fd rgb(97,97,253)
```
#7474fd
```
#7474fd rgb(116,116,253)
```
#8787fd
```
#8787fd rgb(135,135,253)
```
#9b9bfd
```
#9b9bfd rgb(155,155,253)
```
#aeaefe
```
#aeaefe rgb(174,174,254)
```
#c1c1fe
```
#c1c1fe rgb(193,193,254)
```
#d5d5fe
```
#d5d5fe rgb(213,213,254)
```
#e8e8ff
```
#e8e8ff rgb(232,232,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#9696a0
```
#9696a0 rgb(150,150,160)
```
#8f8fa7
```
#8f8fa7 rgb(143,143,167)
```
#8787af
```
#8787af rgb(135,135,175)
```
#7f7fb7
```
#7f7fb7 rgb(127,127,183)
```
#7878be
```
#7878be rgb(120,120,190)
```
#7070c6
```
#7070c6 rgb(112,112,198)
```
#6868ce
```
#6868ce rgb(104,104,206)
```
#6060d6
```
#6060d6 rgb(96,96,214)
```
#5959dd
```
#5959dd rgb(89,89,221)
```
#5151e5
```
#5151e5 rgb(81,81,229)
```
#4949ed
```
#4949ed rgb(73,73,237)
```
#4242f4
```
#4242f4 rgb(66,66,244)
```
#3a3afc
```
#3a3afc rgb(58,58,252)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4c4c72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#1553d5 Protanomaly 1% of men, 0.01% of women
#1557c5 Deuteranomaly 6% of men, 0.4% of women
#155ca6 Tritanomaly 0.01% of the population

#3a3afc hex color

#3a3afc Color Information

#3a3afc Color Conversion

Color Schemes with #3a3afc

Alternatives to #3a3afc

#3a3afc Preview

Shades and Tints of #3a3afc

Tones of #3a3afc

Color Blindness Simulator