#3a28e0 hex color

In a RGB color space, hex #3a28e0 is composed of 22.7% red, 15.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 82.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 245.9 degrees, a saturation of 74.8% and a lightness of 51.8%. #3a28e0 color hex could be obtained by blending #7450ff with #0000c1. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 16
- B 88
RGB color chart
- C 74
- M 82
- Y 0
- K 12
CMYK color chart

● #3a28e0 color description : Bright blue.

The hexadecimal color #3a28e0 has RGB values of R:58, G:40, B:224 and CMYK values of C:0.74, M:0.82, Y:0, K:0.12. Its decimal value is 3811552.

Hex triplet	3a28e0	`#3a28e0`
RGB Decimal	58, 40, 224	`rgb(58,40,224)`
RGB Percent	22.7, 15.7, 87.8	`rgb(22.7%,15.7%,87.8%)`
CMYK	74, 82, 0, 12
HSL	245.9°, 74.8, 51.8	`hsl(245.9,74.8%,51.8%)`
HSV (or HSB)	245.9°, 82.1, 87.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.559, 62.207, -88.134
XYZ	15.956, 7.798, 71.181
xyY	0.168, 0.082, 7.798
CIE-LCH	33.559, 107.876, 305.215
CIE-LUV	33.559, -5.947, -115.947
Hunter-Lab	27.925, 53.122, -131.584
Binary	00111010, 00101000, 11100000

#3a28e0
```
#3a28e0 rgb(58,40,224)
```
#cee028
```
#cee028 rgb(206,224,40)
```

Complementary Color

#2872e0
```
#2872e0 rgb(40,114,224)
```
#3a28e0
```
#3a28e0 rgb(58,40,224)
```
#9628e0
```
#9628e0 rgb(150,40,224)
```

Analogous Color

#72e028
```
#72e028 rgb(114,224,40)
```
#3a28e0
```
#3a28e0 rgb(58,40,224)
```
#e09628
```
#e09628 rgb(224,150,40)
```

Split Complementary Color

#28e03a
```
#28e03a rgb(40,224,58)
```
#3a28e0
```
#3a28e0 rgb(58,40,224)
```
#e03a28
```
#e03a28 rgb(224,58,40)
```

Triadic Color

#28cee0
```
#28cee0 rgb(40,206,224)
```
#3a28e0
```
#3a28e0 rgb(58,40,224)
```
#e03a28
```
#e03a28 rgb(224,58,40)
```
#cee028
```
#cee028 rgb(206,224,40)
```

Tetradic Color

#2518a4
```
#2518a4 rgb(37,24,164)
```
#2a1bba
```
#2a1bba rgb(42,27,186)
```
#301ed0
```
#301ed0 rgb(48,30,208)
```
#3a28e0
```
#3a28e0 rgb(58,40,224)
```
#4e3ee3
```
#4e3ee3 rgb(78,62,227)
```
#6355e6
```
#6355e6 rgb(99,85,230)
```
#776bea
```
#776bea rgb(119,107,234)
```

Monochromatic Color

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

#2844e0
```
#2844e0 rgb(40,68,224)
```
#2835e0
```
#2835e0 rgb(40,53,224)
```
#2b28e0
```
#2b28e0 rgb(43,40,224)
```
#3a28e0
```
#3a28e0 rgb(58,40,224)
```
#4928e0
```
#4928e0 rgb(73,40,224)
```
#5928e0
```
#5928e0 rgb(89,40,224)
```
#6828e0
```
#6828e0 rgb(104,40,224)
```

Similar Colors

Text with hexadecimal color #3a28e0

This text has a font color of #3a28e0.

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

#3a28e0 background color

This paragraph has a background color of #3a28e0.

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

#3a28e0 border color

This element has a border color of #3a28e0.

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

CSS codes

.text {color:#3a28e0;}

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

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

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

#020108
```
#020108 rgb(2,1,8)
```
#060419
```
#060419 rgb(6,4,25)
```
#0a062a
```
#0a062a rgb(10,6,42)
```
#0e093b
```
#0e093b rgb(14,9,59)
```
#110b4c
```
#110b4c rgb(17,11,76)
```
#150d5e
```
#150d5e rgb(21,13,94)
```
#19106f
```
#19106f rgb(25,16,111)
```
#1d1280
```
#1d1280 rgb(29,18,128)
```
#211591
```
#211591 rgb(33,21,145)
```
#2517a2
```
#2517a2 rgb(37,23,162)
```
#291ab3
```
#291ab3 rgb(41,26,179)
```
#2d1cc4
```
#2d1cc4 rgb(45,28,196)
```
#311fd6
```
#311fd6 rgb(49,31,214)
```

Shade Color Variation

#3a28e0
```
#3a28e0 rgb(58,40,224)
```
#4a39e2
```
#4a39e2 rgb(74,57,226)
```
#594ae5
```
#594ae5 rgb(89,74,229)
```
#695be7
```
#695be7 rgb(105,91,231)
```
#796dea
```
#796dea rgb(121,109,234)
```
#897eec
```
#897eec rgb(137,126,236)
```
#988fef
```
#988fef rgb(152,143,239)
```
#a8a0f1
```
#a8a0f1 rgb(168,160,241)
```
#b8b1f4
```
#b8b1f4 rgb(184,177,244)
```
#c7c2f6
```
#c7c2f6 rgb(199,194,246)
```
#d7d3f9
```
#d7d3f9 rgb(215,211,249)
```
#e7e5fb
```
#e7e5fb rgb(231,229,251)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7d8b is the less saturated color, while #230cfc is the most saturated one.

#7e7d8b
```
#7e7d8b rgb(126,125,139)
```
#777494
```
#777494 rgb(119,116,148)
```
#6f6a9e
```
#6f6a9e rgb(111,106,158)
```
#6861a7
```
#6861a7 rgb(104,97,167)
```
#6057b1
```
#6057b1 rgb(96,87,177)
```
#584eba
```
#584eba rgb(88,78,186)
```
#5144c4
```
#5144c4 rgb(81,68,196)
```
#493bcd
```
#493bcd rgb(73,59,205)
```
#4231d7
```
#4231d7 rgb(66,49,215)
```
#3a28e0
```
#3a28e0 rgb(58,40,224)
```
#321fe9
```
#321fe9 rgb(50,31,233)
```
#2b15f3
```
#2b15f3 rgb(43,21,243)
```
#230cfc
```
#230cfc rgb(35,12,252)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#403d62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006065 Tritanopia 0.001% of the population

Trichromacy

#1545bb Protanomaly 1% of men, 0.01% of women
#1548ac Deuteranomaly 6% of men, 0.4% of women
#154c92 Tritanomaly 0.01% of the population

#3a28e0 hex color

#3a28e0 Color Information

#3a28e0 Color Conversion

Color Schemes with #3a28e0

Alternatives to #3a28e0

#3a28e0 Preview

Shades and Tints of #3a28e0

Tones of #3a28e0

Color Blindness Simulator