#2242fc hex color

In a RGB color space, hex #2242fc is composed of 13.3% red, 25.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 73.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 231.2 degrees, a saturation of 97.3% and a lightness of 56.1%. #2242fc color hex could be obtained by blending #4484ff with #0000f9. Closest websafe color is: #3333ff.

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

● #2242fc color description : Vivid blue.

The hexadecimal color #2242fc has RGB values of R:34, G:66, B:252 and CMYK values of C:0.87, M:0.74, Y:0, K:0.01. Its decimal value is 2245372.

Hex triplet	2242fc	`#2242fc`
RGB Decimal	34, 66, 252	`rgb(34,66,252)`
RGB Percent	13.3, 25.9, 98.8	`rgb(13.3%,25.9%,98.8%)`
CMYK	87, 74, 0, 1
HSL	231.2°, 97.3, 56.1	`hsl(231.2,97.3%,56.1%)`
HSV (or HSB)	231.2°, 86.5, 98.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.02, 56.793, -93.31
XYZ	20.175, 11.263, 93.201
xyY	0.162, 0.09, 11.263
CIE-LCH	40.02, 109.234, 301.327
CIE-LUV	40.02, -13.356, -131.144
Hunter-Lab	33.561, 48.574, -141.16
Binary	00100010, 01000010, 11111100

#2242fc
```
#2242fc rgb(34,66,252)
```
#fcdc22
```
#fcdc22 rgb(252,220,34)
```

Complementary Color

#22affc
```
#22affc rgb(34,175,252)
```
#2242fc
```
#2242fc rgb(34,66,252)
```
#6f22fc
```
#6f22fc rgb(111,34,252)
```

Analogous Color

#affc22
```
#affc22 rgb(175,252,34)
```
#2242fc
```
#2242fc rgb(34,66,252)
```
#fc6f22
```
#fc6f22 rgb(252,111,34)
```

Split Complementary Color

#42fc22
```
#42fc22 rgb(66,252,34)
```
#2242fc
```
#2242fc rgb(34,66,252)
```
#fc2242
```
#fc2242 rgb(252,34,66)
```

Triadic Color

#22fcdc
```
#22fcdc rgb(34,252,220)
```
#2242fc
```
#2242fc rgb(34,66,252)
```
#fc2242
```
#fc2242 rgb(252,34,66)
```
#fcdc22
```
#fcdc22 rgb(252,220,34)
```

Tetradic Color

#0321cf
```
#0321cf rgb(3,33,207)
```
#0325e8
```
#0325e8 rgb(3,37,232)
```
#092cfc
```
#092cfc rgb(9,44,252)
```
#2242fc
```
#2242fc rgb(34,66,252)
```
#3b58fc
```
#3b58fc rgb(59,88,252)
```
#546dfd
```
#546dfd rgb(84,109,253)
```
#6d83fd
```
#6d83fd rgb(109,131,253)
```

Monochromatic Color

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

#2279fc
```
#2279fc rgb(34,121,252)
```
#2266fc
```
#2266fc rgb(34,102,252)
```
#2254fc
```
#2254fc rgb(34,84,252)
```
#2242fc
```
#2242fc rgb(34,66,252)
```
#2230fc
```
#2230fc rgb(34,48,252)
```
#2622fc
```
#2622fc rgb(38,34,252)
```
#3922fc
```
#3922fc rgb(57,34,252)
```

Similar Colors

Text with hexadecimal color #2242fc

This text has a font color of #2242fc.

<span style="color:#2242fc;">Text here</span>

#2242fc background color

This paragraph has a background color of #2242fc.

<p style="background-color:#2242fc;">Content here</p>

#2242fc border color

This element has a border color of #2242fc.

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

CSS codes

.text {color:#2242fc;}

.background {background-color:#2242fc;}

.border {border:1px solid #2242fc;}

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, #00020b is the darkest color, while #f7f8ff is the lightest one.

#00020b
```
#00020b rgb(0,2,11)
```
#00051f
```
#00051f rgb(0,5,31)
```
#010832
```
#010832 rgb(1,8,50)
```
#010b45
```
#010b45 rgb(1,11,69)
```
#010e59
```
#010e59 rgb(1,14,89)
```
#01116c
```
#01116c rgb(1,17,108)
```
#02147f
```
#02147f rgb(2,20,127)
```
#021793
```
#021793 rgb(2,23,147)
```
#021aa6
```
#021aa6 rgb(2,26,166)
```
#031db9
```
#031db9 rgb(3,29,185)
```
#0320cd
```
#0320cd rgb(3,32,205)
```
#0323e0
```
#0323e0 rgb(3,35,224)
```
#0327f3
```
#0327f3 rgb(3,39,243)
```

Shade Color Variation

#0f31fc
```
#0f31fc rgb(15,49,252)
```
#2242fc
```
#2242fc rgb(34,66,252)
```
#3553fc
```
#3553fc rgb(53,83,252)
```
#4963fd
```
#4963fd rgb(73,99,253)
```
#5c74fd
```
#5c74fd rgb(92,116,253)
```
#6f84fd
```
#6f84fd rgb(111,132,253)
```
#8395fd
```
#8395fd rgb(131,149,253)
```
#96a5fe
```
#96a5fe rgb(150,165,254)
```
#a9b6fe
```
#a9b6fe rgb(169,182,254)
```
#bdc6fe
```
#bdc6fe rgb(189,198,254)
```
#d0d7fe
```
#d0d7fe rgb(208,215,254)
```
#e4e8ff
```
#e4e8ff rgb(228,232,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898b95 is the less saturated color, while #2242fc is the most saturated one.

#898b95
```
#898b95 rgb(137,139,149)
```
#81859d
```
#81859d rgb(129,133,157)
```
#787fa6
```
#787fa6 rgb(120,127,166)
```
#7079ae
```
#7079ae rgb(112,121,174)
```
#6773b7
```
#6773b7 rgb(103,115,183)
```
#5e6dc0
```
#5e6dc0 rgb(94,109,192)
```
#5667c8
```
#5667c8 rgb(86,103,200)
```
#4d60d1
```
#4d60d1 rgb(77,96,209)
```
#445ada
```
#445ada rgb(68,90,218)
```
#3c54e2
```
#3c54e2 rgb(60,84,226)
```
#334eeb
```
#334eeb rgb(51,78,235)
```
#2b48f3
```
#2b48f3 rgb(43,72,243)
```
#2242fc
```
#2242fc rgb(34,66,252)
```

Tone Color Variation

Below, you can see how #2242fc 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

#4e4e4e Achromatopsia 0.005% of the population
#454c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#0c57d7 Protanomaly 1% of men, 0.01% of women
#0c5bc6 Deuteranomaly 6% of men, 0.4% of women
#0c5fa6 Tritanomaly 0.01% of the population

#2242fc hex color

#2242fc Color Information

#2242fc Color Conversion

Color Schemes with #2242fc

Alternatives to #2242fc

#2242fc Preview

Shades and Tints of #2242fc

Tones of #2242fc

Color Blindness Simulator