#2c22fb hex color

In a RGB color space, hex #2c22fb is composed of 17.3% red, 13.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 86.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 242.8 degrees, a saturation of 96.4% and a lightness of 55.9%. #2c22fb color hex could be obtained by blending #5844ff with #0000f7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 17
- G 13
- B 98
RGB color chart
- C 82
- M 86
- Y 0
- K 2
CMYK color chart

● #2c22fb color description : Vivid blue.

The hexadecimal color #2c22fb has RGB values of R:44, G:34, B:251 and CMYK values of C:0.82, M:0.86, Y:0, K:0.02. Its decimal value is 2892539.

Hex triplet	2c22fb	`#2c22fb`
RGB Decimal	44, 34, 251	`rgb(44,34,251)`
RGB Percent	17.3, 13.3, 98.4	`rgb(17.3%,13.3%,98.4%)`
CMYK	82, 86, 0, 2
HSL	242.8°, 96.4, 55.9	`hsl(242.8,96.4%,55.9%)`
HSV (or HSB)	242.8°, 86.5, 98.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.288, 71.386, -100.6
XYZ	19.02, 8.643, 91.927
xyY	0.159, 0.072, 8.643
CIE-LCH	35.288, 123.354, 305.36
CIE-LUV	35.288, -8.532, -130.773
Hunter-Lab	29.399, 64.031, -164.811
Binary	00101100, 00100010, 11111011

#2c22fb
```
#2c22fb rgb(44,34,251)
```
#f1fb22
```
#f1fb22 rgb(241,251,34)
```

Complementary Color

#2285fb
```
#2285fb rgb(34,133,251)
```
#2c22fb
```
#2c22fb rgb(44,34,251)
```
#9922fb
```
#9922fb rgb(153,34,251)
```

Analogous Color

#85fb22
```
#85fb22 rgb(133,251,34)
```
#2c22fb
```
#2c22fb rgb(44,34,251)
```
#fb9922
```
#fb9922 rgb(251,153,34)
```

Split Complementary Color

#22fb2c
```
#22fb2c rgb(34,251,44)
```
#2c22fb
```
#2c22fb rgb(44,34,251)
```
#fb2c22
```
#fb2c22 rgb(251,44,34)
```

Triadic Color

#22f1fb
```
#22f1fb rgb(34,241,251)
```
#2c22fb
```
#2c22fb rgb(44,34,251)
```
#fb2c22
```
#fb2c22 rgb(251,44,34)
```
#f1fb22
```
#f1fb22 rgb(241,251,34)
```

Tetradic Color

#0d04cd
```
#0d04cd rgb(13,4,205)
```
#0f04e6
```
#0f04e6 rgb(15,4,230)
```
#1409fb
```
#1409fb rgb(20,9,251)
```
#2c22fb
```
#2c22fb rgb(44,34,251)
```
#443bfb
```
#443bfb rgb(68,59,251)
```
#5c54fc
```
#5c54fc rgb(92,84,252)
```
#746dfc
```
#746dfc rgb(116,109,252)
```

Monochromatic Color

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

#224efb
```
#224efb rgb(34,78,251)
```
#223cfb
```
#223cfb rgb(34,60,251)
```
#222afb
```
#222afb rgb(34,42,251)
```
#2c22fb
```
#2c22fb rgb(44,34,251)
```
#3e22fb
```
#3e22fb rgb(62,34,251)
```
#5022fb
```
#5022fb rgb(80,34,251)
```
#6222fb
```
#6222fb rgb(98,34,251)
```

Similar Colors

Text with hexadecimal color #2c22fb

This text has a font color of #2c22fb.

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

#2c22fb background color

This paragraph has a background color of #2c22fb.

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

#2c22fb border color

This element has a border color of #2c22fb.

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

CSS codes

.text {color:#2c22fb;}

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

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

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

#01000a
```
#01000a rgb(1,0,10)
```
#02011d
```
#02011d rgb(2,1,29)
```
#030131
```
#030131 rgb(3,1,49)
```
#040144
```
#040144 rgb(4,1,68)
```
#060257
```
#060257 rgb(6,2,87)
```
#07026b
```
#07026b rgb(7,2,107)
```
#08027e
```
#08027e rgb(8,2,126)
```
#090391
```
#090391 rgb(9,3,145)
```
#0a03a4
```
#0a03a4 rgb(10,3,164)
```
#0c03b8
```
#0c03b8 rgb(12,3,184)
```
#0d04cb
```
#0d04cb rgb(13,4,203)
```
#0e04de
```
#0e04de rgb(14,4,222)
```
#0f04f1
```
#0f04f1 rgb(15,4,241)
```

Shade Color Variation

#1a0ffb
```
#1a0ffb rgb(26,15,251)
```
#2c22fb
```
#2c22fb rgb(44,34,251)
```
#3e35fb
```
#3e35fb rgb(62,53,251)
```
#5149fc
```
#5149fc rgb(81,73,252)
```
#635cfc
```
#635cfc rgb(99,92,252)
```
#766ffc
```
#766ffc rgb(118,111,252)
```
#8882fd
```
#8882fd rgb(136,130,253)
```
#9a96fd
```
#9a96fd rgb(154,150,253)
```
#ada9fd
```
#ada9fd rgb(173,169,253)
```
#bfbcfe
```
#bfbcfe rgb(191,188,254)
```
#d2cffe
```
#d2cffe rgb(210,207,254)
```
#e4e3fe
```
#e4e3fe rgb(228,227,254)
```
#f6f6ff
```
#f6f6ff rgb(246,246,255)
```

Tint Color Variation

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

#8a8a93
```
#8a8a93 rgb(138,138,147)
```
#82819c
```
#82819c rgb(130,129,156)
```
#7b79a4
```
#7b79a4 rgb(123,121,164)
```
#7370ad
```
#7370ad rgb(115,112,173)
```
#6b67b6
```
#6b67b6 rgb(107,103,182)
```
#635fbe
```
#635fbe rgb(99,95,190)
```
#5b56c7
```
#5b56c7 rgb(91,86,199)
```
#534dd0
```
#534dd0 rgb(83,77,208)
```
#4b45d8
```
#4b45d8 rgb(75,69,216)
```
#443ce1
```
#443ce1 rgb(68,60,225)
```
#3c33ea
```
#3c33ea rgb(60,51,234)
```
#342bf2
```
#342bf2 rgb(52,43,242)
```
#2c22fb
```
#2c22fb rgb(44,34,251)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3a3864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#1045c9 Protanomaly 1% of men, 0.01% of women
#1048ba Deuteranomaly 6% of men, 0.4% of women
#104c9e Tritanomaly 0.01% of the population

#2c22fb hex color

#2c22fb Color Information

#2c22fb Color Conversion

Color Schemes with #2c22fb

Alternatives to #2c22fb

#2c22fb Preview

Shades and Tints of #2c22fb

Tones of #2c22fb

Color Blindness Simulator