#3022ba hex color

In a RGB color space, hex #3022ba is composed of 18.8% red, 13.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 81.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 245.5 degrees, a saturation of 69.1% and a lightness of 43.1%. #3022ba color hex could be obtained by blending #6044ff with #000075. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 13
- B 73
RGB color chart
- C 74
- M 82
- Y 0
- K 27
CMYK color chart

● #3022ba color description : Strong blue.

The hexadecimal color #3022ba has RGB values of R:48, G:34, B:186 and CMYK values of C:0.74, M:0.82, Y:0, K:0.27. Its decimal value is 3154618.

Hex triplet	3022ba	`#3022ba`
RGB Decimal	48, 34, 186	`rgb(48,34,186)`
RGB Percent	18.8, 13.3, 72.9	`rgb(18.8%,13.3%,72.9%)`
CMYK	74, 82, 0, 27
HSL	245.5°, 69.1, 43.1	`hsl(245.5,69.1%,43.1%)`
HSV (or HSB)	245.5°, 81.7, 72.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	27.619, 53.051, -75.855
XYZ	10.652, 5.317, 46.917
xyY	0.169, 0.085, 5.317
CIE-LCH	27.619, 92.566, 304.968
CIE-LUV	27.619, -4.852, -93.828
Hunter-Lab	23.059, 42.107, -104.494
Binary	00110000, 00100010, 10111010

#3022ba
```
#3022ba rgb(48,34,186)
```
#acba22
```
#acba22 rgb(172,186,34)
```

Complementary Color

#2260ba
```
#2260ba rgb(34,96,186)
```
#3022ba
```
#3022ba rgb(48,34,186)
```
#7c22ba
```
#7c22ba rgb(124,34,186)
```

Analogous Color

#60ba22
```
#60ba22 rgb(96,186,34)
```
#3022ba
```
#3022ba rgb(48,34,186)
```
#ba7c22
```
#ba7c22 rgb(186,124,34)
```

Split Complementary Color

#22ba30
```
#22ba30 rgb(34,186,48)
```
#3022ba
```
#3022ba rgb(48,34,186)
```
#ba3022
```
#ba3022 rgb(186,48,34)
```

Triadic Color

#22acba
```
#22acba rgb(34,172,186)
```
#3022ba
```
#3022ba rgb(48,34,186)
```
#ba3022
```
#ba3022 rgb(186,48,34)
```
#acba22
```
#acba22 rgb(172,186,34)
```

Tetradic Color

#1f1679
```
#1f1679 rgb(31,22,121)
```
#251a8f
```
#251a8f rgb(37,26,143)
```
#2a1ea4
```
#2a1ea4 rgb(42,30,164)
```
#3022ba
```
#3022ba rgb(48,34,186)
```
#3626d0
```
#3626d0 rgb(54,38,208)
```
#4435da
```
#4435da rgb(68,53,218)
```
#584ade
```
#584ade rgb(88,74,222)
```

Monochromatic Color

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

#223aba
```
#223aba rgb(34,58,186)
```
#222dba
```
#222dba rgb(34,45,186)
```
#2322ba
```
#2322ba rgb(35,34,186)
```
#3022ba
```
#3022ba rgb(48,34,186)
```
#3d22ba
```
#3d22ba rgb(61,34,186)
```
#4922ba
```
#4922ba rgb(73,34,186)
```
#5622ba
```
#5622ba rgb(86,34,186)
```

Similar Colors

Text with hexadecimal color #3022ba

This text has a font color of #3022ba.

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

#3022ba background color

This paragraph has a background color of #3022ba.

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

#3022ba border color

This element has a border color of #3022ba.

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

CSS codes

.text {color:#3022ba;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#050414
```
#050414 rgb(5,4,20)
```
#090725
```
#090725 rgb(9,7,37)
```
#0e0a35
```
#0e0a35 rgb(14,10,53)
```
#120d46
```
#120d46 rgb(18,13,70)
```
#161056
```
#161056 rgb(22,16,86)
```
#1b1367
```
#1b1367 rgb(27,19,103)
```
#1f1678
```
#1f1678 rgb(31,22,120)
```
#231988
```
#231988 rgb(35,25,136)
```
#271c99
```
#271c99 rgb(39,28,153)
```
#2c1fa9
```
#2c1fa9 rgb(44,31,169)
```
#3022ba
```
#3022ba rgb(48,34,186)
```
#3425cb
```
#3425cb rgb(52,37,203)
```

Shade Color Variation

#3b2bd8
```
#3b2bd8 rgb(59,43,216)
```
#4a3cdb
```
#4a3cdb rgb(74,60,219)
```
#5a4cde
```
#5a4cde rgb(90,76,222)
```
#695de1
```
#695de1 rgb(105,93,225)
```
#786de4
```
#786de4 rgb(120,109,228)
```
#887ee7
```
#887ee7 rgb(136,126,231)
```
#978eea
```
#978eea rgb(151,142,234)
```
#a69fed
```
#a69fed rgb(166,159,237)
```
#b6b0f0
```
#b6b0f0 rgb(182,176,240)
```
#c5c0f4
```
#c5c0f4 rgb(197,192,244)
```
#d4d1f7
```
#d4d1f7 rgb(212,209,247)
```
#e4e1fa
```
#e4e1fa rgb(228,225,250)
```
#f3f2fd
```
#f3f2fd rgb(243,242,253)
```

Tint Color Variation

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

#676676
```
#676676 rgb(103,102,118)
```
#605d7f
```
#605d7f rgb(96,93,127)
```
#595587
```
#595587 rgb(89,85,135)
```
#534c90
```
#534c90 rgb(83,76,144)
```
#4c4498
```
#4c4498 rgb(76,68,152)
```
#453ba1
```
#453ba1 rgb(69,59,161)
```
#3e33a9
```
#3e33a9 rgb(62,51,169)
```
#372ab2
```
#372ab2 rgb(55,42,178)
```
#3022ba
```
#3022ba rgb(48,34,186)
```
#291ac2
```
#291ac2 rgb(41,26,194)
```
#2211cb
```
#2211cb rgb(34,17,203)
```
#1b09d3
```
#1b09d3 rgb(27,9,211)
```
#1400dc
```
#1400dc rgb(20,0,220)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#363452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498d Protanopia 1% of men
#004d7a Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#113a9d Protanomaly 1% of men, 0.01% of women
#113d91 Deuteranomaly 6% of men, 0.4% of women
#11407a Tritanomaly 0.01% of the population

#3022ba hex color

#3022ba Color Information

#3022ba Color Conversion

Color Schemes with #3022ba

Alternatives to #3022ba

#3022ba Preview

Shades and Tints of #3022ba

Tones of #3022ba

Color Blindness Simulator