#2a22da hex color

In a RGB color space, hex #2a22da is composed of 16.5% red, 13.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 84.4% magenta, 0% yellow and 14.5% black. It has a hue angle of 242.6 degrees, a saturation of 73% and a lightness of 49.4%. #2a22da color hex could be obtained by blending #5444ff with #0000b5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 16
- G 13
- B 85
RGB color chart
- C 81
- M 84
- Y 0
- K 15
CMYK color chart

● #2a22da color description : Bright blue.

The hexadecimal color #2a22da has RGB values of R:42, G:34, B:218 and CMYK values of C:0.81, M:0.84, Y:0, K:0.15. Its decimal value is 2761434.

Hex triplet	2a22da	`#2a22da`
RGB Decimal	42, 34, 218	`rgb(42,34,218)`
RGB Percent	16.5, 13.3, 85.5	`rgb(16.5%,13.3%,85.5%)`
CMYK	81, 84, 0, 15
HSL	242.6°, 73, 49.4	`hsl(242.6,73%,49.4%)`
HSV (or HSB)	242.6°, 84.4, 85.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.108, 62.13, -88.783
XYZ	14.179, 6.697, 66.871
xyY	0.162, 0.076, 6.697
CIE-LCH	31.108, 108.363, 304.984
CIE-LUV	31.108, -7.251, -112.074
Hunter-Lab	25.879, 52.512, -135.089
Binary	00101010, 00100010, 11011010

#2a22da
```
#2a22da rgb(42,34,218)
```
#d2da22
```
#d2da22 rgb(210,218,34)
```

Complementary Color

#2276da
```
#2276da rgb(34,118,218)
```
#2a22da
```
#2a22da rgb(42,34,218)
```
#8622da
```
#8622da rgb(134,34,218)
```

Analogous Color

#76da22
```
#76da22 rgb(118,218,34)
```
#2a22da
```
#2a22da rgb(42,34,218)
```
#da8622
```
#da8622 rgb(218,134,34)
```

Split Complementary Color

#22da2a
```
#22da2a rgb(34,218,42)
```
#2a22da
```
#2a22da rgb(42,34,218)
```
#da2a22
```
#da2a22 rgb(218,42,34)
```

Triadic Color

#22d2da
```
#22d2da rgb(34,210,218)
```
#2a22da
```
#2a22da rgb(42,34,218)
```
#da2a22
```
#da2a22 rgb(218,42,34)
```
#d2da22
```
#d2da22 rgb(210,218,34)
```

Tetradic Color

#1d1898
```
#1d1898 rgb(29,24,152)
```
#221bae
```
#221bae rgb(34,27,174)
```
#261fc4
```
#261fc4 rgb(38,31,196)
```
#2a22da
```
#2a22da rgb(42,34,218)
```
#3d36e0
```
#3d36e0 rgb(61,54,224)
```
#534ce3
```
#534ce3 rgb(83,76,227)
```
#6862e7
```
#6862e7 rgb(104,98,231)
```

Monochromatic Color

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

#2248da
```
#2248da rgb(34,72,218)
```
#2239da
```
#2239da rgb(34,57,218)
```
#2229da
```
#2229da rgb(34,41,218)
```
#2a22da
```
#2a22da rgb(42,34,218)
```
#3922da
```
#3922da rgb(57,34,218)
```
#4922da
```
#4922da rgb(73,34,218)
```
#5822da
```
#5822da rgb(88,34,218)
```

Similar Colors

Text with hexadecimal color #2a22da

This text has a font color of #2a22da.

<span style="color:#2a22da;">Text here</span>

#2a22da background color

This paragraph has a background color of #2a22da.

<p style="background-color:#2a22da;">Content here</p>

#2a22da border color

This element has a border color of #2a22da.

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

CSS codes

.text {color:#2a22da;}

.background {background-color:#2a22da;}

.border {border:1px solid #2a22da;}

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

#03020e
```
#03020e rgb(3,2,14)
```
#06051f
```
#06051f rgb(6,5,31)
```
#090830
```
#090830 rgb(9,8,48)
```
#0d0a41
```
#0d0a41 rgb(13,10,65)
```
#100d52
```
#100d52 rgb(16,13,82)
```
#130f63
```
#130f63 rgb(19,15,99)
```
#161274
```
#161274 rgb(22,18,116)
```
#1a1585
```
#1a1585 rgb(26,21,133)
```
#1d1796
```
#1d1796 rgb(29,23,150)
```
#201aa7
```
#201aa7 rgb(32,26,167)
```
#231db8
```
#231db8 rgb(35,29,184)
```
#271fc9
```
#271fc9 rgb(39,31,201)
```
#2a22da
```
#2a22da rgb(42,34,218)
```

Shade Color Variation

#3831df
```
#3831df rgb(56,49,223)
```
#4942e1
```
#4942e1 rgb(73,66,225)
```
#5953e4
```
#5953e4 rgb(89,83,228)
```
#6964e7
```
#6964e7 rgb(105,100,231)
```
#7a75e9
```
#7a75e9 rgb(122,117,233)
```
#8a86ec
```
#8a86ec rgb(138,134,236)
```
#9a97ef
```
#9a97ef rgb(154,151,239)
```
#aba8f1
```
#aba8f1 rgb(171,168,241)
```
#bbb9f4
```
#bbb9f4 rgb(187,185,244)
```
#cbc9f7
```
#cbc9f7 rgb(203,201,247)
```
#dcdaf9
```
#dcdaf9 rgb(220,218,249)
```
#ecebfc
```
#ecebfc rgb(236,235,252)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7983 is the less saturated color, while #0f05f7 is the most saturated one.

#7a7983
```
#7a7983 rgb(122,121,131)
```
#71708c
```
#71708c rgb(113,112,140)
```
#686696
```
#686696 rgb(104,102,150)
```
#5f5ca0
```
#5f5ca0 rgb(95,92,160)
```
#5652aa
```
#5652aa rgb(86,82,170)
```
#4d49b3
```
#4d49b3 rgb(77,73,179)
```
#453fbd
```
#453fbd rgb(69,63,189)
```
#3c35c7
```
#3c35c7 rgb(60,53,199)
```
#332cd0
```
#332cd0 rgb(51,44,208)
```
#2a22da
```
#2a22da rgb(42,34,218)
```
#2118e4
```
#2118e4 rgb(33,24,228)
```
#180fed
```
#180fed rgb(24,15,237)
```
#0f05f7
```
#0f05f7 rgb(15,5,247)
```

Tone Color Variation

Below, you can see how #2a22da 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
#363459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#0f3fb2 Protanomaly 1% of men, 0.01% of women
#0f42a4 Deuteranomaly 6% of men, 0.4% of women
#0f468b Tritanomaly 0.01% of the population

#2a22da hex color

#2a22da Color Information

#2a22da Color Conversion

Color Schemes with #2a22da

Alternatives to #2a22da

#2a22da Preview

Shades and Tints of #2a22da

Tones of #2a22da

Color Blindness Simulator