colorhexa.com

#3a45c0 hex color

In a RGB color space, hex #3a45c0 is composed of 22.7% red, 27.1% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 64.1% magenta, 0% yellow and 24.7% black. It has a hue angle of 235.1 degrees, a saturation of 53.6% and a lightness of 49%. #3a45c0 color hex could be obtained by blending #748aff with #000081. Closest websafe color is: #3333cc.

- R 23
- G 27
- B 75
RGB color chart
- C 70
- M 64
- Y 0
- K 25
CMYK color chart

● #3a45c0 color description : Moderate blue.

The hexadecimal color #3a45c0 has RGB values of R:58, G:69, B:192 and CMYK values of C:0.7, M:0.64, Y:0, K:0.25. Its decimal value is 3818944.

Hex triplet	3a45c0	`#3a45c0`
RGB Decimal	58, 69, 192	`rgb(58,69,192)`
RGB Percent	22.7, 27.1, 75.3	`rgb(22.7%,27.1%,75.3%)`
CMYK	70, 64, 0, 25
HSL	235.1°, 53.6, 49	`hsl(235.1,53.6%,49%)`
HSV (or HSB)	235.1°, 69.8, 75.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.909, 36.393, -65.713
XYZ	13.386, 8.961, 50.89
xyY	0.183, 0.122, 8.961
CIE-LCH	35.909, 75.118, 298.978
CIE-LUV	35.909, -9.17, -93.331
Hunter-Lab	29.935, 27.433, -79.842
Binary	00111010, 01000101, 11000000

#3a45c0
```
#3a45c0 rgb(58,69,192)
```
#c0b53a
```
#c0b53a rgb(192,181,58)
```

Complementary Color

#3a88c0
```
#3a88c0 rgb(58,136,192)
```
#3a45c0
```
#3a45c0 rgb(58,69,192)
```
#723ac0
```
#723ac0 rgb(114,58,192)
```

Analogous Color

#88c03a
```
#88c03a rgb(136,192,58)
```
#3a45c0
```
#3a45c0 rgb(58,69,192)
```
#c0723a
```
#c0723a rgb(192,114,58)
```

Split Complementary Color

#45c03a
```
#45c03a rgb(69,192,58)
```
#3a45c0
```
#3a45c0 rgb(58,69,192)
```
#c03a45
```
#c03a45 rgb(192,58,69)
```

Triadic Color

#3ac0b5
```
#3ac0b5 rgb(58,192,181)
```
#3a45c0
```
#3a45c0 rgb(58,69,192)
```
#c03a45
```
#c03a45 rgb(192,58,69)
```
#c0b53a
```
#c0b53a rgb(192,181,58)
```

Tetradic Color

#283085
```
#283085 rgb(40,48,133)
```
#2e3799
```
#2e3799 rgb(46,55,153)
```
#343eac
```
#343eac rgb(52,62,172)
```
#3a45c0
```
#3a45c0 rgb(58,69,192)
```
#4b55c9
```
#4b55c9 rgb(75,85,201)
```
#5e68cf
```
#5e68cf rgb(94,104,207)
```
#727ad4
```
#727ad4 rgb(114,122,212)
```

Monochromatic Color

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

#3a67c0
```
#3a67c0 rgb(58,103,192)
```
#3a5bc0
```
#3a5bc0 rgb(58,91,192)
```
#3a50c0
```
#3a50c0 rgb(58,80,192)
```
#3a45c0
```
#3a45c0 rgb(58,69,192)
```
#3a3ac0
```
#3a3ac0 rgb(58,58,192)
```
#453ac0
```
#453ac0 rgb(69,58,192)
```
#503ac0
```
#503ac0 rgb(80,58,192)
```

Similar Colors

Text with hexadecimal color #3a45c0

This text has a font color of #3a45c0.

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

#3a45c0 background color

This paragraph has a background color of #3a45c0.

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

#3a45c0 border color

This element has a border color of #3a45c0.

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

CSS codes

.text {color:#3a45c0;}

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

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

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, #03040b is the darkest color, while #fbfbfe is the lightest one.

#03040b
```
#03040b rgb(3,4,11)
```
#08091a
```
#08091a rgb(8,9,26)
```
#0c0f29
```
#0c0f29 rgb(12,15,41)
```
#111438
```
#111438 rgb(17,20,56)
```
#161a47
```
#161a47 rgb(22,26,71)
```
#1a1f57
```
#1a1f57 rgb(26,31,87)
```
#1f2566
```
#1f2566 rgb(31,37,102)
```
#232a75
```
#232a75 rgb(35,42,117)
```
#282f84
```
#282f84 rgb(40,47,132)
```
#2c3593
```
#2c3593 rgb(44,53,147)
```
#313aa2
```
#313aa2 rgb(49,58,162)
```
#3540b1
```
#3540b1 rgb(53,64,177)
```
#3a45c0
```
#3a45c0 rgb(58,69,192)
```

Shade Color Variation

#4651c7
```
#4651c7 rgb(70,81,199)
```
#555fcc
```
#555fcc rgb(85,95,204)
```
#656dd0
```
#656dd0 rgb(101,109,208)
```
#747cd5
```
#747cd5 rgb(116,124,213)
```
#838ad9
```
#838ad9 rgb(131,138,217)
```
#9298de
```
#9298de rgb(146,152,222)
```
#a1a6e3
```
#a1a6e3 rgb(161,166,227)
```
#b0b4e7
```
#b0b4e7 rgb(176,180,231)
```
#bfc3ec
```
#bfc3ec rgb(191,195,236)
```
#ced1f0
```
#ced1f0 rgb(206,209,240)
```
#dddff5
```
#dddff5 rgb(221,223,245)
```
#ecedf9
```
#ecedf9 rgb(236,237,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747586 is the less saturated color, while #0015fa is the most saturated one.

#747586
```
#747586 rgb(116,117,134)
```
#6a6d90
```
#6a6d90 rgb(106,109,144)
```
#60659a
```
#60659a rgb(96,101,154)
```
#575da3
```
#575da3 rgb(87,93,163)
```
#4d55ad
```
#4d55ad rgb(77,85,173)
```
#444db6
```
#444db6 rgb(68,77,182)
```
#3a45c0
```
#3a45c0 rgb(58,69,192)
```
#303dca
```
#303dca rgb(48,61,202)
```
#2735d3
```
#2735d3 rgb(39,53,211)
```
#1d2ddd
```
#1d2ddd rgb(29,45,221)
```
#1425e6
```
#1425e6 rgb(20,37,230)
```
#0a1df0
```
#0a1df0 rgb(10,29,240)
```
#0015fa
```
#0015fa rgb(0,21,250)
```

Tone Color Variation

Below, you can see how #3a45c0 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
#4c4e66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f9a Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#1552b6 Protanomaly 1% of men, 0.01% of women
#1555a7 Deuteranomaly 6% of men, 0.4% of women
#155a8b Tritanomaly 0.01% of the population