#3a4ffe hex color

In a RGB color space, hex #3a4ffe is composed of 22.7% red, 31% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 68.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 233.6 degrees, a saturation of 99% and a lightness of 61.2%. #3a4ffe color hex could be obtained by blending #749eff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 31
- B 100
RGB color chart
- C 77
- M 69
- Y 0
- K 0
CMYK color chart

● #3a4ffe color description : Bright blue.

The hexadecimal color #3a4ffe has RGB values of R:58, G:79, B:254 and CMYK values of C:0.77, M:0.69, Y:0, K:0. Its decimal value is 3821566.

Hex triplet	3a4ffe	`#3a4ffe`
RGB Decimal	58, 79, 254	`rgb(58,79,254)`
RGB Percent	22.7, 31, 99.6	`rgb(22.7%,31%,99.6%)`
CMYK	77, 69, 0, 0
HSL	233.6°, 99, 61.2	`hsl(233.6,99%,61.2%)`
HSV (or HSB)	233.6°, 77.2, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.721, 51.551, -88.286
XYZ	22.427, 13.646, 95.212
xyY	0.171, 0.104, 13.646
CIE-LCH	43.721, 102.235, 300.281
CIE-LUV	43.721, -13.009, -130.054
Hunter-Lab	36.94, 43.724, -126.961
Binary	00111010, 01001111, 11111110

#3a4ffe
```
#3a4ffe rgb(58,79,254)
```
#fee93a
```
#fee93a rgb(254,233,58)
```

Complementary Color

#3ab1fe
```
#3ab1fe rgb(58,177,254)
```
#3a4ffe
```
#3a4ffe rgb(58,79,254)
```
#873afe
```
#873afe rgb(135,58,254)
```

Analogous Color

#b1fe3a
```
#b1fe3a rgb(177,254,58)
```
#3a4ffe
```
#3a4ffe rgb(58,79,254)
```
#fe873a
```
#fe873a rgb(254,135,58)
```

Split Complementary Color

#4ffe3a
```
#4ffe3a rgb(79,254,58)
```
#3a4ffe
```
#3a4ffe rgb(58,79,254)
```
#fe3a4f
```
#fe3a4f rgb(254,58,79)
```

Triadic Color

#3afee9
```
#3afee9 rgb(58,254,233)
```
#3a4ffe
```
#3a4ffe rgb(58,79,254)
```
#fe3a4f
```
#fe3a4f rgb(254,58,79)
```
#fee93a
```
#fee93a rgb(254,233,58)
```

Tetradic Color

#011aea
```
#011aea rgb(1,26,234)
```
#0722fe
```
#0722fe rgb(7,34,254)
```
#2138fe
```
#2138fe rgb(33,56,254)
```
#3a4ffe
```
#3a4ffe rgb(58,79,254)
```
#5366fe
```
#5366fe rgb(83,102,254)
```
#6d7cfe
```
#6d7cfe rgb(109,124,254)
```
#8693fe
```
#8693fe rgb(134,147,254)
```

Monochromatic Color

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

#3a80fe
```
#3a80fe rgb(58,128,254)
```
#3a70fe
```
#3a70fe rgb(58,112,254)
```
#3a5ffe
```
#3a5ffe rgb(58,95,254)
```
#3a4ffe
```
#3a4ffe rgb(58,79,254)
```
#3a3ffe
```
#3a3ffe rgb(58,63,254)
```
#463afe
```
#463afe rgb(70,58,254)
```
#563afe
```
#563afe rgb(86,58,254)
```

Similar Colors

Text with hexadecimal color #3a4ffe

This text has a font color of #3a4ffe.

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

#3a4ffe background color

This paragraph has a background color of #3a4ffe.

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

#3a4ffe border color

This element has a border color of #3a4ffe.

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

CSS codes

.text {color:#3a4ffe;}

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

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

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

#000212
```
#000212 rgb(0,2,18)
```
#000425
```
#000425 rgb(0,4,37)
```
#000639
```
#000639 rgb(0,6,57)
```
#00094c
```
#00094c rgb(0,9,76)
```
#000b60
```
#000b60 rgb(0,11,96)
```
#010d73
```
#010d73 rgb(1,13,115)
```
#010f87
```
#010f87 rgb(1,15,135)
```
#01119a
```
#01119a rgb(1,17,154)
```
#0113ae
```
#0113ae rgb(1,19,174)
```
#0116c1
```
#0116c1 rgb(1,22,193)
```
#0118d5
```
#0118d5 rgb(1,24,213)
```
#011ae8
```
#011ae8 rgb(1,26,232)
```
#011cfc
```
#011cfc rgb(1,28,252)
```

Shade Color Variation

#132cfe
```
#132cfe rgb(19,44,254)
```
#263efe
```
#263efe rgb(38,62,254)
```
#3a4ffe
```
#3a4ffe rgb(58,79,254)
```
#4e60fe
```
#4e60fe rgb(78,96,254)
```
#6172fe
```
#6172fe rgb(97,114,254)
```
#7583fe
```
#7583fe rgb(117,131,254)
```
#8895fe
```
#8895fe rgb(136,149,254)
```
#9ca6fe
```
#9ca6fe rgb(156,166,254)
```
#afb8ff
```
#afb8ff rgb(175,184,255)
```
#c3c9ff
```
#c3c9ff rgb(195,201,255)
```
#d6daff
```
#d6daff rgb(214,218,255)
```
#eaecff
```
#eaecff rgb(234,236,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#9597a3
```
#9597a3 rgb(149,151,163)
```
#8e91aa
```
#8e91aa rgb(142,145,170)
```
#868bb2
```
#868bb2 rgb(134,139,178)
```
#7f85b9
```
#7f85b9 rgb(127,133,185)
```
#777fc1
```
#777fc1 rgb(119,127,193)
```
#6f79c9
```
#6f79c9 rgb(111,121,201)
```
#6873d0
```
#6873d0 rgb(104,115,208)
```
#606dd8
```
#606dd8 rgb(96,109,216)
```
#5867e0
```
#5867e0 rgb(88,103,224)
```
#5161e7
```
#5161e7 rgb(81,97,231)
```
#495bef
```
#495bef rgb(73,91,239)
```
#4255f6
```
#4255f6 rgb(66,85,246)
```
#3a4ffe
```
#3a4ffe rgb(58,79,254)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#565a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd2 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#1561e2 Protanomaly 1% of men, 0.01% of women
#1565d0 Deuteranomaly 6% of men, 0.4% of women
#156aae Tritanomaly 0.01% of the population

#3a4ffe hex color

#3a4ffe Color Information

#3a4ffe Color Conversion

Color Schemes with #3a4ffe

Alternatives to #3a4ffe

#3a4ffe Preview

Shades and Tints of #3a4ffe

Tones of #3a4ffe

Color Blindness Simulator