#3a22b0 hex color

In a RGB color space, hex #3a22b0 is composed of 22.7% red, 13.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 80.7% magenta, 0% yellow and 31% black. It has a hue angle of 250.1 degrees, a saturation of 67.6% and a lightness of 41.2%. #3a22b0 color hex could be obtained by blending #7444ff with #000061. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 23
- G 13
- B 69
RGB color chart
- C 67
- M 81
- Y 0
- K 31
CMYK color chart

● #3a22b0 color description : Dark blue.

The hexadecimal color #3a22b0 has RGB values of R:58, G:34, B:176 and CMYK values of C:0.67, M:0.81, Y:0, K:0.31. Its decimal value is 3809968.

Hex triplet	3a22b0	`#3a22b0`
RGB Decimal	58, 34, 176	`rgb(58,34,176)`
RGB Percent	22.7, 13.3, 69	`rgb(22.7%,13.3%,69%)`
CMYK	67, 81, 0, 31
HSL	250.1°, 67.6, 41.2	`hsl(250.1,67.6%,41.2%)`
HSV (or HSB)	250.1°, 80.7, 69
Web Safe	333399	`#333399`

CIE-LAB	27.235, 50.873, -70.507
XYZ	10.152, 5.178, 41.536
xyY	0.179, 0.091, 5.178
CIE-LCH	27.235, 86.944, 305.812
CIE-LUV	27.235, -2.365, -88.149
Hunter-Lab	22.755, 39.817, -92.3
Binary	00111010, 00100010, 10110000

#3a22b0
```
#3a22b0 rgb(58,34,176)
```
#98b022
```
#98b022 rgb(152,176,34)
```

Complementary Color

#2251b0
```
#2251b0 rgb(34,81,176)
```
#3a22b0
```
#3a22b0 rgb(58,34,176)
```
#8122b0
```
#8122b0 rgb(129,34,176)
```

Analogous Color

#51b022
```
#51b022 rgb(81,176,34)
```
#3a22b0
```
#3a22b0 rgb(58,34,176)
```
#b08122
```
#b08122 rgb(176,129,34)
```

Split Complementary Color

#22b03a
```
#22b03a rgb(34,176,58)
```
#3a22b0
```
#3a22b0 rgb(58,34,176)
```
#b03a22
```
#b03a22 rgb(176,58,34)
```

Triadic Color

#2298b0
```
#2298b0 rgb(34,152,176)
```
#3a22b0
```
#3a22b0 rgb(58,34,176)
```
#b03a22
```
#b03a22 rgb(176,58,34)
```
#98b022
```
#98b022 rgb(152,176,34)
```

Tetradic Color

#251670
```
#251670 rgb(37,22,112)
```
#2c1a85
```
#2c1a85 rgb(44,26,133)
```
#331e9b
```
#331e9b rgb(51,30,155)
```
#3a22b0
```
#3a22b0 rgb(58,34,176)
```
#4126c5
```
#4126c5 rgb(65,38,197)
```
#4b2ed7
```
#4b2ed7 rgb(75,46,215)
```
#5d44db
```
#5d44db rgb(93,68,219)
```

Monochromatic Color

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

#222eb0
```
#222eb0 rgb(34,46,176)
```
#2222b0
```
#2222b0 rgb(34,34,176)
```
#2e22b0
```
#2e22b0 rgb(46,34,176)
```
#3a22b0
```
#3a22b0 rgb(58,34,176)
```
#4622b0
```
#4622b0 rgb(70,34,176)
```
#5222b0
```
#5222b0 rgb(82,34,176)
```
#5e22b0
```
#5e22b0 rgb(94,34,176)
```

Similar Colors

Text with hexadecimal color #3a22b0

This text has a font color of #3a22b0.

<span style="color:#3a22b0;">Text here</span>

#3a22b0 background color

This paragraph has a background color of #3a22b0.

<p style="background-color:#3a22b0;">Content here</p>

#3a22b0 border color

This element has a border color of #3a22b0.

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

CSS codes

.text {color:#3a22b0;}

.background {background-color:#3a22b0;}

.border {border:1px solid #3a22b0;}

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, #04020c is the darkest color, while #fbfafe is the lightest one.

#04020c
```
#04020c rgb(4,2,12)
```
#09051c
```
#09051c rgb(9,5,28)
```
#0f092c
```
#0f092c rgb(15,9,44)
```
#140c3d
```
#140c3d rgb(20,12,61)
```
#190f4d
```
#190f4d rgb(25,15,77)
```
#1f125e
```
#1f125e rgb(31,18,94)
```
#24156e
```
#24156e rgb(36,21,110)
```
#2a187f
```
#2a187f rgb(42,24,127)
```
#2f1c8f
```
#2f1c8f rgb(47,28,143)
```
#351fa0
```
#351fa0 rgb(53,31,160)
```
#3a22b0
```
#3a22b0 rgb(58,34,176)
```
#3f25c0
```
#3f25c0 rgb(63,37,192)
```
#4528d1
```
#4528d1 rgb(69,40,209)
```

Shade Color Variation

#5035d8
```
#5035d8 rgb(80,53,216)
```
#5f45db
```
#5f45db rgb(95,69,219)
```
#6d56de
```
#6d56de rgb(109,86,222)
```
#7b66e1
```
#7b66e1 rgb(123,102,225)
```
#8977e5
```
#8977e5 rgb(137,119,229)
```
#9787e8
```
#9787e8 rgb(151,135,232)
```
#a698eb
```
#a698eb rgb(166,152,235)
```
#b4a8ee
```
#b4a8ee rgb(180,168,238)
```
#c2b8f1
```
#c2b8f1 rgb(194,184,241)
```
#d0c9f5
```
#d0c9f5 rgb(208,201,245)
```
#ded9f8
```
#ded9f8 rgb(222,217,248)
```
#edeafb
```
#edeafb rgb(237,234,251)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65636f is the less saturated color, while #2502d0 is the most saturated one.

#65636f
```
#65636f rgb(101,99,111)
```
#5f5b77
```
#5f5b77 rgb(95,91,119)
```
#5a5280
```
#5a5280 rgb(90,82,128)
```
#554a88
```
#554a88 rgb(85,74,136)
```
#4f4290
```
#4f4290 rgb(79,66,144)
```
#4a3a98
```
#4a3a98 rgb(74,58,152)
```
#4532a0
```
#4532a0 rgb(69,50,160)
```
#3f2aa8
```
#3f2aa8 rgb(63,42,168)
```
#3a22b0
```
#3a22b0 rgb(58,34,176)
```
#351ab8
```
#351ab8 rgb(53,26,184)
```
#2f12c0
```
#2f12c0 rgb(47,18,192)
```
#2a0ac8
```
#2a0ac8 rgb(42,10,200)
```
#2502d0
```
#2502d0 rgb(37,2,208)
```

Tone Color Variation

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

Dichromacy

#00488c Protanopia 1% of men
#004c79 Deuteranopia 1% of men
#005156 Tritanopia 0.001% of the population

Trichromacy

#153a99 Protanomaly 1% of men, 0.01% of women
#153c8d Deuteranomaly 6% of men, 0.4% of women
#154076 Tritanomaly 0.01% of the population

#3a22b0 hex color

#3a22b0 Color Information

#3a22b0 Color Conversion

Color Schemes with #3a22b0

Alternatives to #3a22b0

#3a22b0 Preview

Shades and Tints of #3a22b0

Tones of #3a22b0

Color Blindness Simulator