#2a22fd hex color

In a RGB color space, hex #2a22fd is composed of 16.5% red, 13.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 86.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 242.2 degrees, a saturation of 98.2% and a lightness of 56.3%. #2a22fd color hex could be obtained by blending #5444ff with #0000fb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 13
- B 99
RGB color chart
- C 83
- M 87
- Y 0
- K 1
CMYK color chart

● #2a22fd color description : Vivid blue.

The hexadecimal color #2a22fd has RGB values of R:42, G:34, B:253 and CMYK values of C:0.83, M:0.87, Y:0, K:0.01. Its decimal value is 2761469.

Hex triplet	2a22fd	`#2a22fd`
RGB Decimal	42, 34, 253	`rgb(42,34,253)`
RGB Percent	16.5, 13.3, 99.2	`rgb(16.5%,13.3%,99.2%)`
CMYK	83, 87, 0, 1
HSL	242.2°, 98.2, 56.3	`hsl(242.2,98.2%,56.3%)`
HSV (or HSB)	242.2°, 86.6, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.453, 71.866, -101.45
XYZ	19.253, 8.727, 93.593
xyY	0.158, 0.072, 8.727
CIE-LCH	35.453, 124.326, 305.313
CIE-LUV	35.453, -8.817, -131.85
Hunter-Lab	29.541, 64.638, -167.165
Binary	00101010, 00100010, 11111101

#2a22fd
```
#2a22fd rgb(42,34,253)
```
#f5fd22
```
#f5fd22 rgb(245,253,34)
```

Complementary Color

#2288fd
```
#2288fd rgb(34,136,253)
```
#2a22fd
```
#2a22fd rgb(42,34,253)
```
#9822fd
```
#9822fd rgb(152,34,253)
```

Analogous Color

#88fd22
```
#88fd22 rgb(136,253,34)
```
#2a22fd
```
#2a22fd rgb(42,34,253)
```
#fd9822
```
#fd9822 rgb(253,152,34)
```

Split Complementary Color

#22fd2a
```
#22fd2a rgb(34,253,42)
```
#2a22fd
```
#2a22fd rgb(42,34,253)
```
#fd2a22
```
#fd2a22 rgb(253,42,34)
```

Triadic Color

#22f5fd
```
#22f5fd rgb(34,245,253)
```
#2a22fd
```
#2a22fd rgb(42,34,253)
```
#fd2a22
```
#fd2a22 rgb(253,42,34)
```
#f5fd22
```
#f5fd22 rgb(245,253,34)
```

Tetradic Color

#0902d1
```
#0902d1 rgb(9,2,209)
```
#0b02ea
```
#0b02ea rgb(11,2,234)
```
#1209fd
```
#1209fd rgb(18,9,253)
```
#2a22fd
```
#2a22fd rgb(42,34,253)
```
#423bfd
```
#423bfd rgb(66,59,253)
```
#5b55fd
```
#5b55fd rgb(91,85,253)
```
#736efe
```
#736efe rgb(115,110,254)
```

Monochromatic Color

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

#2251fd
```
#2251fd rgb(34,81,253)
```
#223ffd
```
#223ffd rgb(34,63,253)
```
#222cfd
```
#222cfd rgb(34,44,253)
```
#2a22fd
```
#2a22fd rgb(42,34,253)
```
#3c22fd
```
#3c22fd rgb(60,34,253)
```
#4f22fd
```
#4f22fd rgb(79,34,253)
```
#6122fd
```
#6122fd rgb(97,34,253)
```

Similar Colors

Text with hexadecimal color #2a22fd

This text has a font color of #2a22fd.

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

#2a22fd background color

This paragraph has a background color of #2a22fd.

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

#2a22fd border color

This element has a border color of #2a22fd.

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

CSS codes

.text {color:#2a22fd;}

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

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

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

#01000c
```
#01000c rgb(1,0,12)
```
#010020
```
#010020 rgb(1,0,32)
```
#020033
```
#020033 rgb(2,0,51)
```
#030147
```
#030147 rgb(3,1,71)
```
#04015a
```
#04015a rgb(4,1,90)
```
#05016d
```
#05016d rgb(5,1,109)
```
#060181
```
#060181 rgb(6,1,129)
```
#070194
```
#070194 rgb(7,1,148)
```
#0802a8
```
#0802a8 rgb(8,2,168)
```
#0802bb
```
#0802bb rgb(8,2,187)
```
#0902cf
```
#0902cf rgb(9,2,207)
```
#0a02e2
```
#0a02e2 rgb(10,2,226)
```
#0b02f6
```
#0b02f6 rgb(11,2,246)
```

Shade Color Variation

#170ffd
```
#170ffd rgb(23,15,253)
```
#2a22fd
```
#2a22fd rgb(42,34,253)
```
#3d35fd
```
#3d35fd rgb(61,53,253)
```
#4f49fd
```
#4f49fd rgb(79,73,253)
```
#625cfe
```
#625cfe rgb(98,92,254)
```
#7570fe
```
#7570fe rgb(117,112,254)
```
#8883fe
```
#8883fe rgb(136,131,254)
```
#9a97fe
```
#9a97fe rgb(154,151,254)
```
#adaafe
```
#adaafe rgb(173,170,254)
```
#c0befe
```
#c0befe rgb(192,190,254)
```
#d3d1ff
```
#d3d1ff rgb(211,209,255)
```
#e5e4ff
```
#e5e4ff rgb(229,228,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#898996
```
#898996 rgb(137,137,150)
```
#81809f
```
#81809f rgb(129,128,159)
```
#7a78a7
```
#7a78a7 rgb(122,120,167)
```
#726fb0
```
#726fb0 rgb(114,111,176)
```
#6a67b8
```
#6a67b8 rgb(106,103,184)
```
#625ec1
```
#625ec1 rgb(98,94,193)
```
#5a55ca
```
#5a55ca rgb(90,85,202)
```
#524dd2
```
#524dd2 rgb(82,77,210)
```
#4a44db
```
#4a44db rgb(74,68,219)
```
#423ce3
```
#423ce3 rgb(66,60,227)
```
#3a33ec
```
#3a33ec rgb(58,51,236)
```
#322bf4
```
#322bf4 rgb(50,43,244)
```
#2a22fd
```
#2a22fd rgb(42,34,253)
```

Tone Color Variation

Below, you can see how #2a22fd 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

#3d3d3d Achromatopsia 0.005% of the population
#393863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#0f45ca Protanomaly 1% of men, 0.01% of women
#0f48bb Deuteranomaly 6% of men, 0.4% of women
#0f4d9f Tritanomaly 0.01% of the population

#2a22fd hex color

#2a22fd Color Information

#2a22fd Color Conversion

Color Schemes with #2a22fd

Alternatives to #2a22fd

#2a22fd Preview

Shades and Tints of #2a22fd

Tones of #2a22fd

Color Blindness Simulator