#3228b4 hex color

In a RGB color space, hex #3228b4 is composed of 19.6% red, 15.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 77.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 244.3 degrees, a saturation of 63.6% and a lightness of 43.1%. #3228b4 color hex could be obtained by blending #6450ff with #000069. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 16
- B 71
RGB color chart
- C 72
- M 78
- Y 0
- K 29
CMYK color chart

● #3228b4 color description : Strong blue.

The hexadecimal color #3228b4 has RGB values of R:50, G:40, B:180 and CMYK values of C:0.72, M:0.78, Y:0, K:0.29. Its decimal value is 3287220.

Hex triplet	3228b4	`#3228b4`
RGB Decimal	50, 40, 180	`rgb(50,40,180)`
RGB Percent	19.6, 15.7, 70.6	`rgb(19.6%,15.7%,70.6%)`
CMYK	72, 78, 0, 29
HSL	244.3°, 63.6, 43.1	`hsl(244.3,63.6%,43.1%)`
HSV (or HSB)	244.3°, 77.8, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.089, 48.426, -71.505
XYZ	10.311, 5.49, 43.694
xyY	0.173, 0.092, 5.49
CIE-LCH	28.089, 86.36, 304.107
CIE-LUV	28.089, -4.934, -90.372
Hunter-Lab	23.432, 37.541, -94.158
Binary	00110010, 00101000, 10110100

#3228b4
```
#3228b4 rgb(50,40,180)
```
#aab428
```
#aab428 rgb(170,180,40)
```

Complementary Color

#2864b4
```
#2864b4 rgb(40,100,180)
```
#3228b4
```
#3228b4 rgb(50,40,180)
```
#7828b4
```
#7828b4 rgb(120,40,180)
```

Analogous Color

#64b428
```
#64b428 rgb(100,180,40)
```
#3228b4
```
#3228b4 rgb(50,40,180)
```
#b47828
```
#b47828 rgb(180,120,40)
```

Split Complementary Color

#28b432
```
#28b432 rgb(40,180,50)
```
#3228b4
```
#3228b4 rgb(50,40,180)
```
#b43228
```
#b43228 rgb(180,50,40)
```

Triadic Color

#28aab4
```
#28aab4 rgb(40,170,180)
```
#3228b4
```
#3228b4 rgb(50,40,180)
```
#b43228
```
#b43228 rgb(180,50,40)
```
#aab428
```
#aab428 rgb(170,180,40)
```

Tetradic Color

#211a75
```
#211a75 rgb(33,26,117)
```
#261f8a
```
#261f8a rgb(38,31,138)
```
#2c239f
```
#2c239f rgb(44,35,159)
```
#3228b4
```
#3228b4 rgb(50,40,180)
```
#382dc9
```
#382dc9 rgb(56,45,201)
```
#463bd4
```
#463bd4 rgb(70,59,212)
```
#5a50d8
```
#5a50d8 rgb(90,80,216)
```

Monochromatic Color

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

#2841b4
```
#2841b4 rgb(40,65,180)
```
#2835b4
```
#2835b4 rgb(40,53,180)
```
#282ab4
```
#282ab4 rgb(40,42,180)
```
#3228b4
```
#3228b4 rgb(50,40,180)
```
#3e28b4
```
#3e28b4 rgb(62,40,180)
```
#4928b4
```
#4928b4 rgb(73,40,180)
```
#5528b4
```
#5528b4 rgb(85,40,180)
```

Similar Colors

Text with hexadecimal color #3228b4

This text has a font color of #3228b4.

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

#3228b4 background color

This paragraph has a background color of #3228b4.

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

#3228b4 border color

This element has a border color of #3228b4.

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

CSS codes

.text {color:#3228b4;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050414
```
#050414 rgb(5,4,20)
```
#0a0824
```
#0a0824 rgb(10,8,36)
```
#0e0b34
```
#0e0b34 rgb(14,11,52)
```
#130f44
```
#130f44 rgb(19,15,68)
```
#171354
```
#171354 rgb(23,19,84)
```
#1c1664
```
#1c1664 rgb(28,22,100)
```
#201a74
```
#201a74 rgb(32,26,116)
```
#251d84
```
#251d84 rgb(37,29,132)
```
#292194
```
#292194 rgb(41,33,148)
```
#2e24a4
```
#2e24a4 rgb(46,36,164)
```
#3228b4
```
#3228b4 rgb(50,40,180)
```
#362cc4
```
#362cc4 rgb(54,44,196)
```

Shade Color Variation

#3d32d1
```
#3d32d1 rgb(61,50,209)
```
#4c42d5
```
#4c42d5 rgb(76,66,213)
```
#5c52d9
```
#5c52d9 rgb(92,82,217)
```
#6b62dc
```
#6b62dc rgb(107,98,220)
```
#7a72e0
```
#7a72e0 rgb(122,114,224)
```
#8982e3
```
#8982e3 rgb(137,130,227)
```
#9892e7
```
#9892e7 rgb(152,146,231)
```
#a7a2ea
```
#a7a2ea rgb(167,162,234)
```
#b6b2ee
```
#b6b2ee rgb(182,178,238)
```
#c6c2f2
```
#c6c2f2 rgb(198,194,242)
```
#d5d2f5
```
#d5d2f5 rgb(213,210,245)
```
#e4e2f9
```
#e4e2f9 rgb(228,226,249)
```
#f3f2fc
```
#f3f2fc rgb(243,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6c70 is the less saturated color, while #1506d6 is the most saturated one.

#6c6c70
```
#6c6c70 rgb(108,108,112)
```
#656379
```
#656379 rgb(101,99,121)
```
#5e5b81
```
#5e5b81 rgb(94,91,129)
```
#56528a
```
#56528a rgb(86,82,138)
```
#4f4a92
```
#4f4a92 rgb(79,74,146)
```
#48419b
```
#48419b rgb(72,65,155)
```
#4139a3
```
#4139a3 rgb(65,57,163)
```
#3930ac
```
#3930ac rgb(57,48,172)
```
#3228b4
```
#3228b4 rgb(50,40,180)
```
#2b20bc
```
#2b20bc rgb(43,32,188)
```
#2317c5
```
#2317c5 rgb(35,23,197)
```
#1c0fcd
```
#1c0fcd rgb(28,15,205)
```
#1506d6
```
#1506d6 rgb(21,6,214)
```

Tone Color Variation

Below, you can see how #3228b4 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

#3b3b3b Achromatopsia 0.005% of the population
#393753 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#123d9c Protanomaly 1% of men, 0.01% of women
#124090 Deuteranomaly 6% of men, 0.4% of women
#124379 Tritanomaly 0.01% of the population

#3228b4 hex color

#3228b4 Color Information

#3228b4 Color Conversion

Color Schemes with #3228b4

Alternatives to #3228b4

#3228b4 Preview

Shades and Tints of #3228b4

Tones of #3228b4

Color Blindness Simulator