#4222ff hex color

In a RGB color space, hex #4222ff is composed of 25.9% red, 13.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 86.7% magenta, 0% yellow and 0% black. It has a hue angle of 248.7 degrees, a saturation of 100% and a lightness of 56.7%. #4222ff color hex could be obtained by blending #8444ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 26
- G 13
- B 100
RGB color chart
- C 74
- M 87
- Y 0
- K 0
CMYK color chart

● #4222ff color description : Vivid blue.

The hexadecimal color #4222ff has RGB values of R:66, G:34, B:255 and CMYK values of C:0.74, M:0.87, Y:0, K:0. Its decimal value is 4334335.

Hex triplet	4222ff	`#4222ff`
RGB Decimal	66, 34, 255	`rgb(66,34,255)`
RGB Percent	25.9, 13.3, 100	`rgb(25.9%,13.3%,100%)`
CMYK	74, 87, 0, 0
HSL	248.7°, 100, 56.7	`hsl(248.7,100%,56.7%)`
HSV (or HSB)	248.7°, 86.7, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.969, 73.31, -100.013
XYZ	20.865, 9.521, 95.34
xyY	0.166, 0.076, 9.521
CIE-LCH	36.969, 124.004, 306.242
CIE-LUV	36.969, -5.886, -133.504
Hunter-Lab	30.856, 66.705, -161.596
Binary	01000010, 00100010, 11111111

#4222ff
```
#4222ff rgb(66,34,255)
```
#dfff22
```
#dfff22 rgb(223,255,34)
```

Complementary Color

#2271ff
```
#2271ff rgb(34,113,255)
```
#4222ff
```
#4222ff rgb(66,34,255)
```
#b122ff
```
#b122ff rgb(177,34,255)
```

Analogous Color

#71ff22
```
#71ff22 rgb(113,255,34)
```
#4222ff
```
#4222ff rgb(66,34,255)
```
#ffb122
```
#ffb122 rgb(255,177,34)
```

Split Complementary Color

#22ff42
```
#22ff42 rgb(34,255,66)
```
#4222ff
```
#4222ff rgb(66,34,255)
```
#ff4222
```
#ff4222 rgb(255,66,34)
```

Triadic Color

#22dfff
```
#22dfff rgb(34,223,255)
```
#4222ff
```
#4222ff rgb(66,34,255)
```
#ff4222
```
#ff4222 rgb(255,66,34)
```
#dfff22
```
#dfff22 rgb(223,255,34)
```

Tetradic Color

#1f00d5
```
#1f00d5 rgb(31,0,213)
```
#2200ee
```
#2200ee rgb(34,0,238)
```
#2c08ff
```
#2c08ff rgb(44,8,255)
```
#4222ff
```
#4222ff rgb(66,34,255)
```
#583cff
```
#583cff rgb(88,60,255)
```
#6e55ff
```
#6e55ff rgb(110,85,255)
```
#836fff
```
#836fff rgb(131,111,255)
```

Monochromatic Color

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

#2239ff
```
#2239ff rgb(34,57,255)
```
#2227ff
```
#2227ff rgb(34,39,255)
```
#3022ff
```
#3022ff rgb(48,34,255)
```
#4222ff
```
#4222ff rgb(66,34,255)
```
#5422ff
```
#5422ff rgb(84,34,255)
```
#6722ff
```
#6722ff rgb(103,34,255)
```
#7922ff
```
#7922ff rgb(121,34,255)
```

Similar Colors

Text with hexadecimal color #4222ff

This text has a font color of #4222ff.

<span style="color:#4222ff;">Text here</span>

#4222ff background color

This paragraph has a background color of #4222ff.

<p style="background-color:#4222ff;">Content here</p>

#4222ff border color

This element has a border color of #4222ff.

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

CSS codes

.text {color:#4222ff;}

.background {background-color:#4222ff;}

.border {border:1px solid #4222ff;}

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

#02000e
```
#02000e rgb(2,0,14)
```
#050022
```
#050022 rgb(5,0,34)
```
#080036
```
#080036 rgb(8,0,54)
```
#0b0049
```
#0b0049 rgb(11,0,73)
```
#0d005d
```
#0d005d rgb(13,0,93)
```
#100070
```
#100070 rgb(16,0,112)
```
#130084
```
#130084 rgb(19,0,132)
```
#160098
```
#160098 rgb(22,0,152)
```
#1900ab
```
#1900ab rgb(25,0,171)
```
#1c00bf
```
#1c00bf rgb(28,0,191)
```
#1e00d3
```
#1e00d3 rgb(30,0,211)
```
#2100e6
```
#2100e6 rgb(33,0,230)
```
#2400fa
```
#2400fa rgb(36,0,250)
```

Shade Color Variation

#310eff
```
#310eff rgb(49,14,255)
```
#4222ff
```
#4222ff rgb(66,34,255)
```
#5336ff
```
#5336ff rgb(83,54,255)
```
#6449ff
```
#6449ff rgb(100,73,255)
```
#745dff
```
#745dff rgb(116,93,255)
```
#8570ff
```
#8570ff rgb(133,112,255)
```
#9684ff
```
#9684ff rgb(150,132,255)
```
#a798ff
```
#a798ff rgb(167,152,255)
```
#b7abff
```
#b7abff rgb(183,171,255)
```
#c8bfff
```
#c8bfff rgb(200,191,255)
```
#d9d3ff
```
#d9d3ff rgb(217,211,255)
```
#eae6ff
```
#eae6ff rgb(234,230,255)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8899 is the less saturated color, while #4222ff is the most saturated one.

#8a8899
```
#8a8899 rgb(138,136,153)
```
#8480a2
```
#8480a2 rgb(132,128,162)
```
#7e77aa
```
#7e77aa rgb(126,119,170)
```
#786fb3
```
#786fb3 rgb(120,111,179)
```
#7266bb
```
#7266bb rgb(114,102,187)
```
#6c5ec4
```
#6c5ec4 rgb(108,94,196)
```
#6655cc
```
#6655cc rgb(102,85,204)
```
#604dd5
```
#604dd5 rgb(96,77,213)
```
#5a44dd
```
#5a44dd rgb(90,68,221)
```
#543ce6
```
#543ce6 rgb(84,60,230)
```
#4e33ee
```
#4e33ee rgb(78,51,238)
```
#482bf7
```
#482bf7 rgb(72,43,247)
```
#4222ff
```
#4222ff rgb(66,34,255)
```

Tone Color Variation

Below, you can see how #4222ff 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

#454545 Achromatopsia 0.005% of the population
#443e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#1847cf Protanomaly 1% of men, 0.01% of women
#184bbf Deuteranomaly 6% of men, 0.4% of women
#184fa2 Tritanomaly 0.01% of the population

#4222ff hex color

#4222ff Color Information

#4222ff Color Conversion

Color Schemes with #4222ff

Alternatives to #4222ff

#4222ff Preview

Shades and Tints of #4222ff

Tones of #4222ff

Color Blindness Simulator