#4222fd hex color

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

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

● #4222fd color description : Vivid blue.

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

Hex triplet	4222fd	`#4222fd`
RGB Decimal	66, 34, 253	`rgb(66,34,253)`
RGB Percent	25.9, 13.3, 99.2	`rgb(25.9%,13.3%,99.2%)`
CMYK	74, 87, 0, 1
HSL	248.8°, 98.2, 56.3	`hsl(248.8,98.2%,56.3%)`
HSV (or HSB)	248.8°, 86.6, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.73, 72.787, -99.289
XYZ	20.545, 9.393, 93.653
xyY	0.166, 0.076, 9.393
CIE-LCH	36.73, 123.111, 306.244
CIE-LUV	36.73, -5.768, -132.384
Hunter-Lab	30.648, 66.024, -159.724
Binary	01000010, 00100010, 11111101

#4222fd
```
#4222fd rgb(66,34,253)
```
#ddfd22
```
#ddfd22 rgb(221,253,34)
```

Complementary Color

#2270fd
```
#2270fd rgb(34,112,253)
```
#4222fd
```
#4222fd rgb(66,34,253)
```
#b022fd
```
#b022fd rgb(176,34,253)
```

Analogous Color

#70fd22
```
#70fd22 rgb(112,253,34)
```
#4222fd
```
#4222fd rgb(66,34,253)
```
#fdb022
```
#fdb022 rgb(253,176,34)
```

Split Complementary Color

#22fd42
```
#22fd42 rgb(34,253,66)
```
#4222fd
```
#4222fd rgb(66,34,253)
```
#fd4222
```
#fd4222 rgb(253,66,34)
```

Triadic Color

#22ddfd
```
#22ddfd rgb(34,221,253)
```
#4222fd
```
#4222fd rgb(66,34,253)
```
#fd4222
```
#fd4222 rgb(253,66,34)
```
#ddfd22
```
#ddfd22 rgb(221,253,34)
```

Tetradic Color

#2002d1
```
#2002d1 rgb(32,2,209)
```
#2402ea
```
#2402ea rgb(36,2,234)
```
#2c09fd
```
#2c09fd rgb(44,9,253)
```
#4222fd
```
#4222fd rgb(66,34,253)
```
#583bfd
```
#583bfd rgb(88,59,253)
```
#6d55fd
```
#6d55fd rgb(109,85,253)
```
#836efe
```
#836efe rgb(131,110,254)
```

Monochromatic Color

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

#2239fd
```
#2239fd rgb(34,57,253)
```
#2226fd
```
#2226fd rgb(34,38,253)
```
#3022fd
```
#3022fd rgb(48,34,253)
```
#4222fd
```
#4222fd rgb(66,34,253)
```
#5422fd
```
#5422fd rgb(84,34,253)
```
#6722fd
```
#6722fd rgb(103,34,253)
```
#7922fd
```
#7922fd rgb(121,34,253)
```

Similar Colors

Text with hexadecimal color #4222fd

This text has a font color of #4222fd.

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

#4222fd background color

This paragraph has a background color of #4222fd.

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

#4222fd border color

This element has a border color of #4222fd.

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

CSS codes

.text {color:#4222fd;}

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

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

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

#02000c
```
#02000c rgb(2,0,12)
```
#050020
```
#050020 rgb(5,0,32)
```
#080033
```
#080033 rgb(8,0,51)
```
#0b0147
```
#0b0147 rgb(11,1,71)
```
#0e015a
```
#0e015a rgb(14,1,90)
```
#11016d
```
#11016d rgb(17,1,109)
```
#140181
```
#140181 rgb(20,1,129)
```
#170194
```
#170194 rgb(23,1,148)
```
#1a02a8
```
#1a02a8 rgb(26,2,168)
```
#1d02bb
```
#1d02bb rgb(29,2,187)
```
#2002cf
```
#2002cf rgb(32,2,207)
```
#2302e2
```
#2302e2 rgb(35,2,226)
```
#2602f6
```
#2602f6 rgb(38,2,246)
```

Shade Color Variation

#310ffd
```
#310ffd rgb(49,15,253)
```
#4222fd
```
#4222fd rgb(66,34,253)
```
#5335fd
```
#5335fd rgb(83,53,253)
```
#6349fd
```
#6349fd rgb(99,73,253)
```
#745cfe
```
#745cfe rgb(116,92,254)
```
#8470fe
```
#8470fe rgb(132,112,254)
```
#9583fe
```
#9583fe rgb(149,131,254)
```
#a697fe
```
#a697fe rgb(166,151,254)
```
#b6aafe
```
#b6aafe rgb(182,170,254)
```
#c7befe
```
#c7befe rgb(199,190,254)
```
#d8d1ff
```
#d8d1ff rgb(216,209,255)
```
#e8e4ff
```
#e8e4ff rgb(232,228,255)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#8b8996
```
#8b8996 rgb(139,137,150)
```
#85809f
```
#85809f rgb(133,128,159)
```
#7f78a7
```
#7f78a7 rgb(127,120,167)
```
#796fb0
```
#796fb0 rgb(121,111,176)
```
#7367b8
```
#7367b8 rgb(115,103,184)
```
#6c5ec1
```
#6c5ec1 rgb(108,94,193)
```
#6655ca
```
#6655ca rgb(102,85,202)
```
#604dd2
```
#604dd2 rgb(96,77,210)
```
#5a44db
```
#5a44db rgb(90,68,219)
```
#543ce3
```
#543ce3 rgb(84,60,227)
```
#4e33ec
```
#4e33ec rgb(78,51,236)
```
#482bf4
```
#482bf4 rgb(72,43,244)
```
#4222fd
```
#4222fd rgb(66,34,253)
```

Tone Color Variation

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

#005cb3 Protanopia 1% of men
#00629a Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#1847ce Protanomaly 1% of men, 0.01% of women
#184abe Deuteranomaly 6% of men, 0.4% of women
#184ea1 Tritanomaly 0.01% of the population

#4222fd hex color

#4222fd Color Information

#4222fd Color Conversion

Color Schemes with #4222fd

Alternatives to #4222fd

#4222fd Preview

Shades and Tints of #4222fd

Tones of #4222fd

Color Blindness Simulator