#3022a4 hex color

In a RGB color space, hex #3022a4 is composed of 18.8% red, 13.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 79.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 246.5 degrees, a saturation of 65.7% and a lightness of 38.8%. #3022a4 color hex could be obtained by blending #6044ff with #000049. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 13
- B 64
RGB color chart
- C 71
- M 79
- Y 0
- K 36
CMYK color chart

● #3022a4 color description : Dark blue.

The hexadecimal color #3022a4 has RGB values of R:48, G:34, B:164 and CMYK values of C:0.71, M:0.79, Y:0, K:0.36. Its decimal value is 3154596.

Hex triplet	3022a4	`#3022a4`
RGB Decimal	48, 34, 164	`rgb(48,34,164)`
RGB Percent	18.8, 13.3, 64.3	`rgb(18.8%,13.3%,64.3%)`
CMYK	71, 79, 0, 36
HSL	246.5°, 65.7, 38.8	`hsl(246.5,65.7%,38.8%)`
HSV (or HSB)	246.5°, 79.3, 64.3
Web Safe	333399	`#333399`

CIE-LAB	25.114, 46.298, -66.809
XYZ	8.49, 4.452, 35.532
xyY	0.175, 0.092, 4.452
CIE-LCH	25.114, 81.283, 304.722
CIE-LUV	25.114, -3.625, -80.97
Hunter-Lab	21.101, 34.899, -85.07
Binary	00110000, 00100010, 10100100

#3022a4
```
#3022a4 rgb(48,34,164)
```
#96a422
```
#96a422 rgb(150,164,34)
```

Complementary Color

#2255a4
```
#2255a4 rgb(34,85,164)
```
#3022a4
```
#3022a4 rgb(48,34,164)
```
#7122a4
```
#7122a4 rgb(113,34,164)
```

Analogous Color

#55a422
```
#55a422 rgb(85,164,34)
```
#3022a4
```
#3022a4 rgb(48,34,164)
```
#a47122
```
#a47122 rgb(164,113,34)
```

Split Complementary Color

#22a430
```
#22a430 rgb(34,164,48)
```
#3022a4
```
#3022a4 rgb(48,34,164)
```
#a43022
```
#a43022 rgb(164,48,34)
```

Triadic Color

#2296a4
```
#2296a4 rgb(34,150,164)
```
#3022a4
```
#3022a4 rgb(48,34,164)
```
#a43022
```
#a43022 rgb(164,48,34)
```
#96a422
```
#96a422 rgb(150,164,34)
```

Tetradic Color

#1d1565
```
#1d1565 rgb(29,21,101)
```
#24197a
```
#24197a rgb(36,25,122)
```
#2a1e8f
```
#2a1e8f rgb(42,30,143)
```
#3022a4
```
#3022a4 rgb(48,34,164)
```
#3626b9
```
#3626b9 rgb(54,38,185)
```
#3c2bce
```
#3c2bce rgb(60,43,206)
```
#4d3cd7
```
#4d3cd7 rgb(77,60,215)
```

Monochromatic Color

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

#2235a4
```
#2235a4 rgb(34,53,164)
```
#222aa4
```
#222aa4 rgb(34,42,164)
```
#2522a4
```
#2522a4 rgb(37,34,164)
```
#3022a4
```
#3022a4 rgb(48,34,164)
```
#3b22a4
```
#3b22a4 rgb(59,34,164)
```
#4622a4
```
#4622a4 rgb(70,34,164)
```
#5122a4
```
#5122a4 rgb(81,34,164)
```

Similar Colors

Text with hexadecimal color #3022a4

This text has a font color of #3022a4.

<span style="color:#3022a4;">Text here</span>

#3022a4 background color

This paragraph has a background color of #3022a4.

<p style="background-color:#3022a4;">Content here</p>

#3022a4 border color

This element has a border color of #3022a4.

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

CSS codes

.text {color:#3022a4;}

.background {background-color:#3022a4;}

.border {border:1px solid #3022a4;}

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

#000002
```
#000002 rgb(0,0,2)
```
#050412
```
#050412 rgb(5,4,18)
```
#0a0722
```
#0a0722 rgb(10,7,34)
```
#0f0a32
```
#0f0a32 rgb(15,10,50)
```
#130e43
```
#130e43 rgb(19,14,67)
```
#181153
```
#181153 rgb(24,17,83)
```
#1d1563
```
#1d1563 rgb(29,21,99)
```
#221873
```
#221873 rgb(34,24,115)
```
#261b84
```
#261b84 rgb(38,27,132)
```
#2b1f94
```
#2b1f94 rgb(43,31,148)
```
#3022a4
```
#3022a4 rgb(48,34,164)
```
#3525b4
```
#3525b4 rgb(53,37,180)
```
#3a29c4
```
#3a29c4 rgb(58,41,196)
```

Shade Color Variation

#3f2dd4
```
#3f2dd4 rgb(63,45,212)
```
#4e3ed7
```
#4e3ed7 rgb(78,62,215)
```
#5d4eda
```
#5d4eda rgb(93,78,218)
```
#6c5ede
```
#6c5ede rgb(108,94,222)
```
#7b6ee1
```
#7b6ee1 rgb(123,110,225)
```
#8a7fe4
```
#8a7fe4 rgb(138,127,228)
```
#988fe8
```
#988fe8 rgb(152,143,232)
```
#a79feb
```
#a79feb rgb(167,159,235)
```
#b6afee
```
#b6afee rgb(182,175,238)
```
#c5c0f2
```
#c5c0f2 rgb(197,192,242)
```
#d4d0f5
```
#d4d0f5 rgb(212,208,245)
```
#e3e0f9
```
#e3e0f9 rgb(227,224,249)
```
#f2f0fc
```
#f2f0fc rgb(242,240,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #605f67 is the less saturated color, while #1804c2 is the most saturated one.

#605f67
```
#605f67 rgb(96,95,103)
```
#5a576f
```
#5a576f rgb(90,87,111)
```
#545076
```
#545076 rgb(84,80,118)
```
#4e487e
```
#4e487e rgb(78,72,126)
```
#484086
```
#484086 rgb(72,64,134)
```
#42398d
```
#42398d rgb(66,57,141)
```
#3c3195
```
#3c3195 rgb(60,49,149)
```
#362a9c
```
#362a9c rgb(54,42,156)
```
#3022a4
```
#3022a4 rgb(48,34,164)
```
#2a1aac
```
#2a1aac rgb(42,26,172)
```
#2413b3
```
#2413b3 rgb(36,19,179)
```
#1e0bbb
```
#1e0bbb rgb(30,11,187)
```
#1804c2
```
#1804c2 rgb(24,4,194)
```

Tone Color Variation

Below, you can see how #3022a4 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

#353535 Achromatopsia 0.005% of the population
#34314b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004772 Deuteranopia 1% of men
#004c50 Tritanopia 0.001% of the population

Trichromacy

#11378f Protanomaly 1% of men, 0.01% of women
#113984 Deuteranomaly 6% of men, 0.4% of women
#113d6f Tritanomaly 0.01% of the population

#3022a4 hex color

#3022a4 Color Information

#3022a4 Color Conversion

Color Schemes with #3022a4

Alternatives to #3022a4

#3022a4 Preview

Shades and Tints of #3022a4

Tones of #3022a4

Color Blindness Simulator