#2245fc hex color

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

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

● #2245fc color description : Vivid blue.

The hexadecimal color #2245fc has RGB values of R:34, G:69, B:252 and CMYK values of C:0.87, M:0.73, Y:0, K:0.01. Its decimal value is 2246140.

Hex triplet	2245fc	`#2245fc`
RGB Decimal	34, 69, 252	`rgb(34,69,252)`
RGB Percent	13.3, 27.1, 98.8	`rgb(13.3%,27.1%,98.8%)`
CMYK	87, 73, 0, 1
HSL	230.4°, 97.3, 56.1	`hsl(230.4,97.3%,56.1%)`
HSV (or HSB)	230.4°, 86.5, 98.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.611, 55.133, -92.333
XYZ	20.355, 11.623, 93.261
xyY	0.163, 0.093, 11.623
CIE-LCH	40.611, 107.54, 300.842
CIE-LUV	40.611, -13.855, -130.86
Hunter-Lab	34.093, 46.911, -138.324
Binary	00100010, 01000101, 11111100

#2245fc
```
#2245fc rgb(34,69,252)
```
#fcd922
```
#fcd922 rgb(252,217,34)
```

Complementary Color

#22b2fc
```
#22b2fc rgb(34,178,252)
```
#2245fc
```
#2245fc rgb(34,69,252)
```
#6c22fc
```
#6c22fc rgb(108,34,252)
```

Analogous Color

#b2fc22
```
#b2fc22 rgb(178,252,34)
```
#2245fc
```
#2245fc rgb(34,69,252)
```
#fc6c22
```
#fc6c22 rgb(252,108,34)
```

Split Complementary Color

#45fc22
```
#45fc22 rgb(69,252,34)
```
#2245fc
```
#2245fc rgb(34,69,252)
```
#fc2245
```
#fc2245 rgb(252,34,69)
```

Triadic Color

#22fcd9
```
#22fcd9 rgb(34,252,217)
```
#2245fc
```
#2245fc rgb(34,69,252)
```
#fc2245
```
#fc2245 rgb(252,34,69)
```
#fcd922
```
#fcd922 rgb(252,217,34)
```

Tetradic Color

#0324cf
```
#0324cf rgb(3,36,207)
```
#0328e8
```
#0328e8 rgb(3,40,232)
```
#0930fc
```
#0930fc rgb(9,48,252)
```
#2245fc
```
#2245fc rgb(34,69,252)
```
#3b5afc
```
#3b5afc rgb(59,90,252)
```
#546ffd
```
#546ffd rgb(84,111,253)
```
#6d85fd
```
#6d85fd rgb(109,133,253)
```

Monochromatic Color

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

#227cfc
```
#227cfc rgb(34,124,252)
```
#2269fc
```
#2269fc rgb(34,105,252)
```
#2257fc
```
#2257fc rgb(34,87,252)
```
#2245fc
```
#2245fc rgb(34,69,252)
```
#2233fc
```
#2233fc rgb(34,51,252)
```
#2322fc
```
#2322fc rgb(35,34,252)
```
#3522fc
```
#3522fc rgb(53,34,252)
```

Similar Colors

Text with hexadecimal color #2245fc

This text has a font color of #2245fc.

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

#2245fc background color

This paragraph has a background color of #2245fc.

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

#2245fc border color

This element has a border color of #2245fc.

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

CSS codes

.text {color:#2245fc;}

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

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

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)
```
#010932
```
#010932 rgb(1,9,50)
```
#010c45
```
#010c45 rgb(1,12,69)
```
#010f59
```
#010f59 rgb(1,15,89)
```
#01136c
```
#01136c rgb(1,19,108)
```
#02167f
```
#02167f rgb(2,22,127)
```
#021993
```
#021993 rgb(2,25,147)
```
#021da6
```
#021da6 rgb(2,29,166)
```
#0320b9
```
#0320b9 rgb(3,32,185)
```
#0323cd
```
#0323cd rgb(3,35,205)
```
#0327e0
```
#0327e0 rgb(3,39,224)
```
#032af3
```
#032af3 rgb(3,42,243)
```

Shade Color Variation

#0f35fc
```
#0f35fc rgb(15,53,252)
```
#2245fc
```
#2245fc rgb(34,69,252)
```
#3555fc
```
#3555fc rgb(53,85,252)
```
#4966fd
```
#4966fd rgb(73,102,253)
```
#5c76fd
```
#5c76fd rgb(92,118,253)
```
#6f86fd
```
#6f86fd rgb(111,134,253)
```
#8396fd
```
#8396fd rgb(131,150,253)
```
#96a7fe
```
#96a7fe rgb(150,167,254)
```
#a9b7fe
```
#a9b7fe rgb(169,183,254)
```
#bdc7fe
```
#bdc7fe rgb(189,199,254)
```
#d0d8fe
```
#d0d8fe rgb(208,216,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 #2245fc is the most saturated one.

#898b95
```
#898b95 rgb(137,139,149)
```
#81859d
```
#81859d rgb(129,133,157)
```
#787fa6
```
#787fa6 rgb(120,127,166)
```
#707aae
```
#707aae rgb(112,122,174)
```
#6774b7
```
#6774b7 rgb(103,116,183)
```
#5e6ec0
```
#5e6ec0 rgb(94,110,192)
```
#5668c8
```
#5668c8 rgb(86,104,200)
```
#4d62d1
```
#4d62d1 rgb(77,98,209)
```
#445cda
```
#445cda rgb(68,92,218)
```
#3c57e2
```
#3c57e2 rgb(60,87,226)
```
#3351eb
```
#3351eb rgb(51,81,235)
```
#2b4bf3
```
#2b4bf3 rgb(43,75,243)
```
#2245fc
```
#2245fc rgb(34,69,252)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#464d72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#0c59d8 Protanomaly 1% of men, 0.01% of women
#0c5dc7 Deuteranomaly 6% of men, 0.4% of women
#0c61a7 Tritanomaly 0.01% of the population

#2245fc hex color

#2245fc Color Information

#2245fc Color Conversion

Color Schemes with #2245fc

Alternatives to #2245fc

#2245fc Preview

Shades and Tints of #2245fc

Tones of #2245fc

Color Blindness Simulator