#3228f5 hex color

In a RGB color space, hex #3228f5 is composed of 19.6% red, 15.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 83.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 242.9 degrees, a saturation of 91.1% and a lightness of 55.9%. #3228f5 color hex could be obtained by blending #6450ff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 16
- B 96
RGB color chart
- C 80
- M 84
- Y 0
- K 4
CMYK color chart

● #3228f5 color description : Bright blue.

The hexadecimal color #3228f5 has RGB values of R:50, G:40, B:245 and CMYK values of C:0.8, M:0.84, Y:0, K:0.04. Its decimal value is 3287285.

Hex triplet	3228f5	`#3228f5`
RGB Decimal	50, 40, 245	`rgb(50,40,245)`
RGB Percent	19.6, 15.7, 96.1	`rgb(19.6%,15.7%,96.1%)`
CMYK	80, 84, 0, 4
HSL	242.9°, 91.1, 55.9	`hsl(242.9,91.1%,55.9%)`
HSV (or HSB)	242.9°, 83.7, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.571, 67.751, -96.743
XYZ	18.552, 8.787, 87.099
xyY	0.162, 0.077, 8.787
CIE-LCH	35.571, 118.107, 305.004
CIE-LUV	35.571, -8.125, -127.733
Hunter-Lab	29.643, 59.841, -153.461
Binary	00110010, 00101000, 11110101

#3228f5
```
#3228f5 rgb(50,40,245)
```
#ebf528
```
#ebf528 rgb(235,245,40)
```

Complementary Color

#2885f5
```
#2885f5 rgb(40,133,245)
```
#3228f5
```
#3228f5 rgb(50,40,245)
```
#9928f5
```
#9928f5 rgb(153,40,245)
```

Analogous Color

#85f528
```
#85f528 rgb(133,245,40)
```
#3228f5
```
#3228f5 rgb(50,40,245)
```
#f59928
```
#f59928 rgb(245,153,40)
```

Split Complementary Color

#28f532
```
#28f532 rgb(40,245,50)
```
#3228f5
```
#3228f5 rgb(50,40,245)
```
#f53228
```
#f53228 rgb(245,50,40)
```

Triadic Color

#28ebf5
```
#28ebf5 rgb(40,235,245)
```
#3228f5
```
#3228f5 rgb(50,40,245)
```
#f53228
```
#f53228 rgb(245,50,40)
```
#ebf528
```
#ebf528 rgb(235,245,40)
```

Tetradic Color

#1309c7
```
#1309c7 rgb(19,9,199)
```
#150ae0
```
#150ae0 rgb(21,10,224)
```
#1b10f4
```
#1b10f4 rgb(27,16,244)
```
#3228f5
```
#3228f5 rgb(50,40,245)
```
#4940f6
```
#4940f6 rgb(73,64,246)
```
#6059f7
```
#6059f7 rgb(96,89,247)
```
#7871f8
```
#7871f8 rgb(120,113,248)
```

Monochromatic Color

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

#2851f5
```
#2851f5 rgb(40,81,245)
```
#2840f5
```
#2840f5 rgb(40,64,245)
```
#282ff5
```
#282ff5 rgb(40,47,245)
```
#3228f5
```
#3228f5 rgb(50,40,245)
```
#4328f5
```
#4328f5 rgb(67,40,245)
```
#5428f5
```
#5428f5 rgb(84,40,245)
```
#6528f5
```
#6528f5 rgb(101,40,245)
```

Similar Colors

Text with hexadecimal color #3228f5

This text has a font color of #3228f5.

<span style="color:#3228f5;">Text here</span>

#3228f5 background color

This paragraph has a background color of #3228f5.

<p style="background-color:#3228f5;">Content here</p>

#3228f5 border color

This element has a border color of #3228f5.

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

CSS codes

.text {color:#3228f5;}

.background {background-color:#3228f5;}

.border {border:1px solid #3228f5;}

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, #01000a is the darkest color, while #f7f6ff is the lightest one.

#01000a
```
#01000a rgb(1,0,10)
```
#03011d
```
#03011d rgb(3,1,29)
```
#04022f
```
#04022f rgb(4,2,47)
```
#060342
```
#060342 rgb(6,3,66)
```
#080455
```
#080455 rgb(8,4,85)
```
#0a0568
```
#0a0568 rgb(10,5,104)
```
#0b067a
```
#0b067a rgb(11,6,122)
```
#0d078d
```
#0d078d rgb(13,7,141)
```
#0f07a0
```
#0f07a0 rgb(15,7,160)
```
#1108b3
```
#1108b3 rgb(17,8,179)
```
#1209c5
```
#1209c5 rgb(18,9,197)
```
#140ad8
```
#140ad8 rgb(20,10,216)
```
#160beb
```
#160beb rgb(22,11,235)
```

Shade Color Variation

#2015f4
```
#2015f4 rgb(32,21,244)
```
#3228f5
```
#3228f5 rgb(50,40,245)
```
#443bf6
```
#443bf6 rgb(68,59,246)
```
#564df7
```
#564df7 rgb(86,77,247)
```
#6860f8
```
#6860f8 rgb(104,96,248)
```
#7973f8
```
#7973f8 rgb(121,115,248)
```
#8b86f9
```
#8b86f9 rgb(139,134,249)
```
#9d98fa
```
#9d98fa rgb(157,152,250)
```
#afabfb
```
#afabfb rgb(175,171,251)
```
#c1befc
```
#c1befc rgb(193,190,252)
```
#d3d1fd
```
#d3d1fd rgb(211,209,253)
```
#e5e3fe
```
#e5e3fe rgb(229,227,254)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Tint Color Variation

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

#888796
```
#888796 rgb(136,135,150)
```
#807f9e
```
#807f9e rgb(128,127,158)
```
#7876a7
```
#7876a7 rgb(120,118,167)
```
#706db0
```
#706db0 rgb(112,109,176)
```
#6965b8
```
#6965b8 rgb(105,101,184)
```
#615cc1
```
#615cc1 rgb(97,92,193)
```
#5953ca
```
#5953ca rgb(89,83,202)
```
#514bd2
```
#514bd2 rgb(81,75,210)
```
#4942db
```
#4942db rgb(73,66,219)
```
#4239e4
```
#4239e4 rgb(66,57,228)
```
#3a31ec
```
#3a31ec rgb(58,49,236)
```
#3228f5
```
#3228f5 rgb(50,40,245)
```
#2a1ffe
```
#2a1ffe rgb(42,31,254)
```

Tone Color Variation

Below, you can see how #3228f5 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
#3f3d66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#1247c8 Protanomaly 1% of men, 0.01% of women
#124bb9 Deuteranomaly 6% of men, 0.4% of women
#124f9c Tritanomaly 0.01% of the population

#3228f5 hex color

#3228f5 Color Information

#3228f5 Color Conversion

Color Schemes with #3228f5

Alternatives to #3228f5

#3228f5 Preview

Shades and Tints of #3228f5

Tones of #3228f5

Color Blindness Simulator