#3a28f2 hex color

In a RGB color space, hex #3a28f2 is composed of 22.7% red, 15.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 83.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 245.3 degrees, a saturation of 88.6% and a lightness of 55.3%. #3a28f2 color hex could be obtained by blending #7450ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 23
- G 16
- B 95
RGB color chart
- C 76
- M 83
- Y 0
- K 5
CMYK color chart

● #3a28f2 color description : Bright blue.

The hexadecimal color #3a28f2 has RGB values of R:58, G:40, B:242 and CMYK values of C:0.76, M:0.83, Y:0, K:0.05. Its decimal value is 3811570.

Hex triplet	3a28f2	`#3a28f2`
RGB Decimal	58, 40, 242	`rgb(58,40,242)`
RGB Percent	22.7, 15.7, 94.9	`rgb(22.7%,15.7%,94.9%)`
CMYK	76, 83, 0, 5
HSL	245.3°, 88.6, 55.3	`hsl(245.3,88.6%,55.3%)`
HSV (or HSB)	245.3°, 83.5, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.649, 67.287, -94.908
XYZ	18.528, 8.827, 84.727
xyY	0.165, 0.079, 8.827
CIE-LCH	35.649, 116.34, 305.335
CIE-LUV	35.649, -6.906, -126.164
Hunter-Lab	29.71, 59.323, -148.286
Binary	00111010, 00101000, 11110010

#3a28f2
```
#3a28f2 rgb(58,40,242)
```
#e0f228
```
#e0f228 rgb(224,242,40)
```

Complementary Color

#287bf2
```
#287bf2 rgb(40,123,242)
```
#3a28f2
```
#3a28f2 rgb(58,40,242)
```
#9f28f2
```
#9f28f2 rgb(159,40,242)
```

Analogous Color

#7bf228
```
#7bf228 rgb(123,242,40)
```
#3a28f2
```
#3a28f2 rgb(58,40,242)
```
#f29f28
```
#f29f28 rgb(242,159,40)
```

Split Complementary Color

#28f23a
```
#28f23a rgb(40,242,58)
```
#3a28f2
```
#3a28f2 rgb(58,40,242)
```
#f23a28
```
#f23a28 rgb(242,58,40)
```

Triadic Color

#28e0f2
```
#28e0f2 rgb(40,224,242)
```
#3a28f2
```
#3a28f2 rgb(58,40,242)
```
#f23a28
```
#f23a28 rgb(242,58,40)
```
#e0f228
```
#e0f228 rgb(224,242,40)
```

Tetradic Color

#1c0cc2
```
#1c0cc2 rgb(28,12,194)
```
#1f0dda
```
#1f0dda rgb(31,13,218)
```
#2410f1
```
#2410f1 rgb(36,16,241)
```
#3a28f2
```
#3a28f2 rgb(58,40,242)
```
#5040f3
```
#5040f3 rgb(80,64,243)
```
#6658f5
```
#6658f5 rgb(102,88,245)
```
#7c70f6
```
#7c70f6 rgb(124,112,246)
```

Monochromatic Color

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

#2849f2
```
#2849f2 rgb(40,73,242)
```
#2838f2
```
#2838f2 rgb(40,56,242)
```
#2928f2
```
#2928f2 rgb(41,40,242)
```
#3a28f2
```
#3a28f2 rgb(58,40,242)
```
#4b28f2
```
#4b28f2 rgb(75,40,242)
```
#5c28f2
```
#5c28f2 rgb(92,40,242)
```
#6d28f2
```
#6d28f2 rgb(109,40,242)
```

Similar Colors

Text with hexadecimal color #3a28f2

This text has a font color of #3a28f2.

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

#3a28f2 background color

This paragraph has a background color of #3a28f2.

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

#3a28f2 border color

This element has a border color of #3a28f2.

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

CSS codes

.text {color:#3a28f2;}

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

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

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

#010007
```
#010007 rgb(1,0,7)
```
#040219
```
#040219 rgb(4,2,25)
```
#06032c
```
#06032c rgb(6,3,44)
```
#09043e
```
#09043e rgb(9,4,62)
```
#0c0551
```
#0c0551 rgb(12,5,81)
```
#0e0663
```
#0e0663 rgb(14,6,99)
```
#110776
```
#110776 rgb(17,7,118)
```
#140888
```
#140888 rgb(20,8,136)
```
#16099b
```
#16099b rgb(22,9,155)
```
#190aad
```
#190aad rgb(25,10,173)
```
#1c0cc0
```
#1c0cc0 rgb(28,12,192)
```
#1e0dd2
```
#1e0dd2 rgb(30,13,210)
```
#210ee5
```
#210ee5 rgb(33,14,229)
```

Shade Color Variation

#2916f1
```
#2916f1 rgb(41,22,241)
```
#3a28f2
```
#3a28f2 rgb(58,40,242)
```
#4b3af3
```
#4b3af3 rgb(75,58,243)
```
#5c4df4
```
#5c4df4 rgb(92,77,244)
```
#6d5ff5
```
#6d5ff5 rgb(109,95,245)
```
#7e72f6
```
#7e72f6 rgb(126,114,246)
```
#8f84f8
```
#8f84f8 rgb(143,132,248)
```
#a097f9
```
#a097f9 rgb(160,151,249)
```
#b1a9fa
```
#b1a9fa rgb(177,169,250)
```
#c2bcfb
```
#c2bcfb rgb(194,188,251)
```
#d3cefc
```
#d3cefc rgb(211,206,252)
```
#e3e1fd
```
#e3e1fd rgb(227,225,253)
```
#f4f3fe
```
#f4f3fe rgb(244,243,254)
```

Tint Color Variation

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

#898892
```
#898892 rgb(137,136,146)
```
#82809a
```
#82809a rgb(130,128,154)
```
#7b77a3
```
#7b77a3 rgb(123,119,163)
```
#746eac
```
#746eac rgb(116,110,172)
```
#6c65b5
```
#6c65b5 rgb(108,101,181)
```
#655dbd
```
#655dbd rgb(101,93,189)
```
#5e54c6
```
#5e54c6 rgb(94,84,198)
```
#574bcf
```
#574bcf rgb(87,75,207)
```
#5042d8
```
#5042d8 rgb(80,66,216)
```
#483ae0
```
#483ae0 rgb(72,58,224)
```
#4131e9
```
#4131e9 rgb(65,49,233)
```
#3a28f2
```
#3a28f2 rgb(58,40,242)
```
#331ffb
```
#331ffb rgb(51,31,251)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#423e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aae Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#1547c7 Protanomaly 1% of men, 0.01% of women
#154bb8 Deuteranomaly 6% of men, 0.4% of women
#154f9b Tritanomaly 0.01% of the population

#3a28f2 hex color

#3a28f2 Color Information

#3a28f2 Color Conversion

Color Schemes with #3a28f2

Alternatives to #3a28f2

#3a28f2 Preview

Shades and Tints of #3a28f2

Tones of #3a28f2

Color Blindness Simulator