#3022c5 hex color

In a RGB color space, hex #3022c5 is composed of 18.8% red, 13.3% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 82.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 245.2 degrees, a saturation of 70.6% and a lightness of 45.3%. #3022c5 color hex could be obtained by blending #6044ff with #00008b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 13
- B 77
RGB color chart
- C 76
- M 83
- Y 0
- K 23
CMYK color chart

● #3022c5 color description : Strong blue.

The hexadecimal color #3022c5 has RGB values of R:48, G:34, B:197 and CMYK values of C:0.76, M:0.83, Y:0, K:0.23. Its decimal value is 3154629.

Hex triplet	3022c5	`#3022c5`
RGB Decimal	48, 34, 197	`rgb(48,34,197)`
RGB Percent	18.8, 13.3, 77.3	`rgb(18.8%,13.3%,77.3%)`
CMYK	76, 83, 0, 23
HSL	245.2°, 70.6, 45.3	`hsl(245.2,70.6%,45.3%)`
HSV (or HSB)	245.2°, 82.7, 77.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.91, 56.326, -80.207
XYZ	11.867, 5.803, 53.315
xyY	0.167, 0.082, 5.803
CIE-LCH	28.91, 98.009, 305.079
CIE-LUV	28.91, -5.436, -100.187
Hunter-Lab	24.089, 45.778, -114.359
Binary	00110000, 00100010, 11000101

#3022c5
```
#3022c5 rgb(48,34,197)
```
#b7c522
```
#b7c522 rgb(183,197,34)
```

Complementary Color

#2266c5
```
#2266c5 rgb(34,102,197)
```
#3022c5
```
#3022c5 rgb(48,34,197)
```
#8222c5
```
#8222c5 rgb(130,34,197)
```

Analogous Color

#66c522
```
#66c522 rgb(102,197,34)
```
#3022c5
```
#3022c5 rgb(48,34,197)
```
#c58222
```
#c58222 rgb(197,130,34)
```

Split Complementary Color

#22c530
```
#22c530 rgb(34,197,48)
```
#3022c5
```
#3022c5 rgb(48,34,197)
```
#c53022
```
#c53022 rgb(197,48,34)
```

Triadic Color

#22b7c5
```
#22b7c5 rgb(34,183,197)
```
#3022c5
```
#3022c5 rgb(48,34,197)
```
#c53022
```
#c53022 rgb(197,48,34)
```
#b7c522
```
#b7c522 rgb(183,197,34)
```

Tetradic Color

#201784
```
#201784 rgb(32,23,132)
```
#251a9a
```
#251a9a rgb(37,26,154)
```
#2b1eaf
```
#2b1eaf rgb(43,30,175)
```
#3022c5
```
#3022c5 rgb(48,34,197)
```
#3627da
```
#3627da rgb(54,39,218)
```
#4a3ddd
```
#4a3ddd rgb(74,61,221)
```
#5f52e1
```
#5f52e1 rgb(95,82,225)
```

Monochromatic Color

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

#223dc5
```
#223dc5 rgb(34,61,197)
```
#222fc5
```
#222fc5 rgb(34,47,197)
```
#2222c5
```
#2222c5 rgb(34,34,197)
```
#3022c5
```
#3022c5 rgb(48,34,197)
```
#3e22c5
```
#3e22c5 rgb(62,34,197)
```
#4b22c5
```
#4b22c5 rgb(75,34,197)
```
#5922c5
```
#5922c5 rgb(89,34,197)
```

Similar Colors

Text with hexadecimal color #3022c5

This text has a font color of #3022c5.

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

#3022c5 background color

This paragraph has a background color of #3022c5.

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

#3022c5 border color

This element has a border color of #3022c5.

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

CSS codes

.text {color:#3022c5;}

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

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

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, #03020d is the darkest color, while #fcfbfe is the lightest one.

#03020d
```
#03020d rgb(3,2,13)
```
#07051e
```
#07051e rgb(7,5,30)
```
#0b082e
```
#0b082e rgb(11,8,46)
```
#0f0b3f
```
#0f0b3f rgb(15,11,63)
```
#130e50
```
#130e50 rgb(19,14,80)
```
#181161
```
#181161 rgb(24,17,97)
```
#1c1471
```
#1c1471 rgb(28,20,113)
```
#201682
```
#201682 rgb(32,22,130)
```
#241993
```
#241993 rgb(36,25,147)
```
#281ca4
```
#281ca4 rgb(40,28,164)
```
#2c1fb4
```
#2c1fb4 rgb(44,31,180)
```
#3022c5
```
#3022c5 rgb(48,34,197)
```
#3425d6
```
#3425d6 rgb(52,37,214)
```

Shade Color Variation

#4133dc
```
#4133dc rgb(65,51,220)
```
#5143df
```
#5143df rgb(81,67,223)
```
#6054e1
```
#6054e1 rgb(96,84,225)
```
#7065e4
```
#7065e4 rgb(112,101,228)
```
#7f75e7
```
#7f75e7 rgb(127,117,231)
```
#8f86ea
```
#8f86ea rgb(143,134,234)
```
#9e97ed
```
#9e97ed rgb(158,151,237)
```
#aea8f0
```
#aea8f0 rgb(174,168,240)
```
#bdb8f3
```
#bdb8f3 rgb(189,184,243)
```
#cdc9f6
```
#cdc9f6 rgb(205,201,246)
```
#dcdaf9
```
#dcdaf9 rgb(220,218,249)
```
#ecebfb
```
#ecebfb rgb(236,235,251)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#727275
```
#727275 rgb(114,114,117)
```
#6b697e
```
#6b697e rgb(107,105,126)
```
#646087
```
#646087 rgb(100,96,135)
```
#5c5790
```
#5c5790 rgb(92,87,144)
```
#554e99
```
#554e99 rgb(85,78,153)
```
#4d46a1
```
#4d46a1 rgb(77,70,161)
```
#463daa
```
#463daa rgb(70,61,170)
```
#3f34b3
```
#3f34b3 rgb(63,52,179)
```
#372bbc
```
#372bbc rgb(55,43,188)
```
#3022c5
```
#3022c5 rgb(48,34,197)
```
#2919ce
```
#2919ce rgb(41,25,206)
```
#2110d7
```
#2110d7 rgb(33,16,215)
```
#1a07e0
```
#1a07e0 rgb(26,7,224)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#00507e Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#113ca5 Protanomaly 1% of men, 0.01% of women
#113f98 Deuteranomaly 6% of men, 0.4% of women
#114280 Tritanomaly 0.01% of the population

#3022c5 hex color

#3022c5 Color Information

#3022c5 Color Conversion

Color Schemes with #3022c5

Alternatives to #3022c5

#3022c5 Preview

Shades and Tints of #3022c5

Tones of #3022c5

Color Blindness Simulator