#3a45e7 hex color

In a RGB color space, hex #3a45e7 is composed of 22.7% red, 27.1% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 70.1% magenta, 0% yellow and 9.4% black. It has a hue angle of 236.2 degrees, a saturation of 78.3% and a lightness of 56.7%. #3a45e7 color hex could be obtained by blending #748aff with #0000cf. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 23
- G 27
- B 91
RGB color chart
- C 75
- M 70
- Y 0
- K 9
CMYK color chart

● #3a45e7 color description : Bright blue.

The hexadecimal color #3a45e7 has RGB values of R:58, G:69, B:231 and CMYK values of C:0.75, M:0.7, Y:0, K:0.09. Its decimal value is 3818983.

Hex triplet	3a45e7	`#3a45e7`
RGB Decimal	58, 69, 231	`rgb(58,69,231)`
RGB Percent	22.7, 27.1, 90.6	`rgb(22.7%,27.1%,90.6%)`
CMYK	75, 70, 0, 9
HSL	236.2°, 78.3, 56.7	`hsl(236.2,78.3%,56.7%)`
HSV (or HSB)	236.2°, 74.9, 90.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.452, 49.667, -82.379
XYZ	18.294, 10.924, 76.741
xyY	0.173, 0.103, 10.924
CIE-LCH	39.452, 96.193, 301.086
CIE-LUV	39.452, -10.459, -117.923
Hunter-Lab	33.052, 40.958, -114.527
Binary	00111010, 01000101, 11100111

#3a45e7
```
#3a45e7 rgb(58,69,231)
```
#e7dc3a
```
#e7dc3a rgb(231,220,58)
```

Complementary Color

#3a9ce7
```
#3a9ce7 rgb(58,156,231)
```
#3a45e7
```
#3a45e7 rgb(58,69,231)
```
#863ae7
```
#863ae7 rgb(134,58,231)
```

Analogous Color

#9ce73a
```
#9ce73a rgb(156,231,58)
```
#3a45e7
```
#3a45e7 rgb(58,69,231)
```
#e7863a
```
#e7863a rgb(231,134,58)
```

Split Complementary Color

#45e73a
```
#45e73a rgb(69,231,58)
```
#3a45e7
```
#3a45e7 rgb(58,69,231)
```
#e73a45
```
#e73a45 rgb(231,58,69)
```

Triadic Color

#3ae7dc
```
#3ae7dc rgb(58,231,220)
```
#3a45e7
```
#3a45e7 rgb(58,69,231)
```
#e73a45
```
#e73a45 rgb(231,58,69)
```
#e7dc3a
```
#e7dc3a rgb(231,220,58)
```

Tetradic Color

#1722bd
```
#1722bd rgb(23,34,189)
```
#1a26d4
```
#1a26d4 rgb(26,38,212)
```
#2330e4
```
#2330e4 rgb(35,48,228)
```
#3a45e7
```
#3a45e7 rgb(58,69,231)
```
#515aea
```
#515aea rgb(81,90,234)
```
#6770ed
```
#6770ed rgb(103,112,237)
```
#7e85ef
```
#7e85ef rgb(126,133,239)
```

Monochromatic Color

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

#3a70e7
```
#3a70e7 rgb(58,112,231)
```
#3a62e7
```
#3a62e7 rgb(58,98,231)
```
#3a53e7
```
#3a53e7 rgb(58,83,231)
```
#3a45e7
```
#3a45e7 rgb(58,69,231)
```
#3d3ae7
```
#3d3ae7 rgb(61,58,231)
```
#4c3ae7
```
#4c3ae7 rgb(76,58,231)
```
#5a3ae7
```
#5a3ae7 rgb(90,58,231)
```

Similar Colors

Text with hexadecimal color #3a45e7

This text has a font color of #3a45e7.

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

#3a45e7 background color

This paragraph has a background color of #3a45e7.

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

#3a45e7 border color

This element has a border color of #3a45e7.

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

CSS codes

.text {color:#3a45e7;}

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

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

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, #02020d is the darkest color, while #fafbfe is the lightest one.

#02020d
```
#02020d rgb(2,2,13)
```
#04051e
```
#04051e rgb(4,5,30)
```
#060830
```
#060830 rgb(6,8,48)
```
#080c41
```
#080c41 rgb(8,12,65)
```
#0a0f53
```
#0a0f53 rgb(10,15,83)
```
#0c1264
```
#0c1264 rgb(12,18,100)
```
#0e1576
```
#0e1576 rgb(14,21,118)
```
#101887
```
#101887 rgb(16,24,135)
```
#131b99
```
#131b99 rgb(19,27,153)
```
#151eaa
```
#151eaa rgb(21,30,170)
```
#1721bc
```
#1721bc rgb(23,33,188)
```
#1924cd
```
#1924cd rgb(25,36,205)
```
#1b28df
```
#1b28df rgb(27,40,223)
```

Shade Color Variation

#2934e5
```
#2934e5 rgb(41,52,229)
```
#3a45e7
```
#3a45e7 rgb(58,69,231)
```
#4b56e9
```
#4b56e9 rgb(75,86,233)
```
#5d66eb
```
#5d66eb rgb(93,102,235)
```
#6e77ed
```
#6e77ed rgb(110,119,237)
```
#8087f0
```
#8087f0 rgb(128,135,240)
```
#9198f2
```
#9198f2 rgb(145,152,242)
```
#a3a8f4
```
#a3a8f4 rgb(163,168,244)
```
#b4b9f6
```
#b4b9f6 rgb(180,185,246)
```
#c6c9f8
```
#c6c9f8 rgb(198,201,248)
```
#d7dafa
```
#d7dafa rgb(215,218,250)
```
#e9eafc
```
#e9eafc rgb(233,234,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f92 is the less saturated color, while #2936f8 is the most saturated one.

#8f8f92
```
#8f8f92 rgb(143,143,146)
```
#87889b
```
#87889b rgb(135,136,155)
```
#7e80a3
```
#7e80a3 rgb(126,128,163)
```
#7679ac
```
#7679ac rgb(118,121,172)
```
#6d72b4
```
#6d72b4 rgb(109,114,180)
```
#656abd
```
#656abd rgb(101,106,189)
```
#5c63c5
```
#5c63c5 rgb(92,99,197)
```
#545bce
```
#545bce rgb(84,91,206)
```
#4b54d6
```
#4b54d6 rgb(75,84,214)
```
#434cdf
```
#434cdf rgb(67,76,223)
```
#3a45e7
```
#3a45e7 rgb(58,69,231)
```
#323ef0
```
#323ef0 rgb(50,62,240)
```
#2936f8
```
#2936f8 rgb(41,54,248)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4f5171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#1557cd Protanomaly 1% of men, 0.01% of women
#155bbd Deuteranomaly 6% of men, 0.4% of women
#155f9e Tritanomaly 0.01% of the population

#3a45e7 hex color

#3a45e7 Color Information

#3a45e7 Color Conversion

Color Schemes with #3a45e7

Alternatives to #3a45e7

#3a45e7 Preview

Shades and Tints of #3a45e7

Tones of #3a45e7

Color Blindness Simulator