#022cfc hex color

In a RGB color space, hex #022cfc is composed of 0.8% red, 17.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 82.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 229.9 degrees, a saturation of 98.4% and a lightness of 49.8%. #022cfc color hex could be obtained by blending #0458ff with #0000f9. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 1
- G 17
- B 99
RGB color chart
- C 99
- M 83
- Y 0
- K 1
CMYK color chart

● #022cfc color description : Vivid blue.

The hexadecimal color #022cfc has RGB values of R:2, G:44, B:252 and CMYK values of C:0.99, M:0.83, Y:0, K:0.01. Its decimal value is 142588.

Hex triplet	022cfc	`#022cfc`
RGB Decimal	2, 44, 252	`rgb(2,44,252)`
RGB Percent	0.8, 17.3, 98.8	`rgb(0.8%,17.3%,98.8%)`
CMYK	99, 83, 0, 1
HSL	229.9°, 98.4, 49.8	`hsl(229.9,98.4%,49.8%)`
HSV (or HSB)	229.9°, 99.2, 98.8
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.676, 66.986, -100.541
XYZ	18.493, 8.841, 92.822
xyY	0.154, 0.074, 8.841
CIE-LCH	35.676, 120.812, 303.674
CIE-LUV	35.676, -11.893, -131.304
Hunter-Lab	29.734, 58.983, -164.275
Binary	00000010, 00101100, 11111100

#022cfc
```
#022cfc rgb(2,44,252)
```
#fcd202
```
#fcd202 rgb(252,210,2)
```

Complementary Color

#02a9fc
```
#02a9fc rgb(2,169,252)
```
#022cfc
```
#022cfc rgb(2,44,252)
```
#5502fc
```
#5502fc rgb(85,2,252)
```

Analogous Color

#a9fc02
```
#a9fc02 rgb(169,252,2)
```
#022cfc
```
#022cfc rgb(2,44,252)
```
#fc5502
```
#fc5502 rgb(252,85,2)
```

Split Complementary Color

#2cfc02
```
#2cfc02 rgb(44,252,2)
```
#022cfc
```
#022cfc rgb(2,44,252)
```
#fc022c
```
#fc022c rgb(252,2,44)
```

Triadic Color

#02fcd2
```
#02fcd2 rgb(2,252,210)
```
#022cfc
```
#022cfc rgb(2,44,252)
```
#fc022c
```
#fc022c rgb(252,2,44)
```
#fcd202
```
#fcd202 rgb(252,210,2)
```

Tetradic Color

#011fb0
```
#011fb0 rgb(1,31,176)
```
#0223c9
```
#0223c9 rgb(2,35,201)
```
#0228e3
```
#0228e3 rgb(2,40,227)
```
#022cfc
```
#022cfc rgb(2,44,252)
```
#1a40fd
```
#1a40fd rgb(26,64,253)
```
#3456fd
```
#3456fd rgb(52,86,253)
```
#4d6bfe
```
#4d6bfe rgb(77,107,254)
```

Monochromatic Color

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

#026bfc
```
#026bfc rgb(2,107,252)
```
#0256fc
```
#0256fc rgb(2,86,252)
```
#0241fc
```
#0241fc rgb(2,65,252)
```
#022cfc
```
#022cfc rgb(2,44,252)
```
#0217fc
```
#0217fc rgb(2,23,252)
```
#0202fc
```
#0202fc rgb(2,2,252)
```
#1702fc
```
#1702fc rgb(23,2,252)
```

Similar Colors

Text with hexadecimal color #022cfc

This text has a font color of #022cfc.

<span style="color:#022cfc;">Text here</span>

#022cfc background color

This paragraph has a background color of #022cfc.

<p style="background-color:#022cfc;">Content here</p>

#022cfc border color

This element has a border color of #022cfc.

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

CSS codes

.text {color:#022cfc;}

.background {background-color:#022cfc;}

.border {border:1px solid #022cfc;}

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, #000312 is the darkest color, while #fefeff is the lightest one.

#000312
```
#000312 rgb(0,3,18)
```
#000726
```
#000726 rgb(0,7,38)
```
#000a39
```
#000a39 rgb(0,10,57)
```
#010d4d
```
#010d4d rgb(1,13,77)
```
#011160
```
#011160 rgb(1,17,96)
```
#011474
```
#011474 rgb(1,20,116)
```
#011887
```
#011887 rgb(1,24,135)
```
#011b9b
```
#011b9b rgb(1,27,155)
```
#011eae
```
#011eae rgb(1,30,174)
```
#0222c2
```
#0222c2 rgb(2,34,194)
```
#0225d5
```
#0225d5 rgb(2,37,213)
```
#0229e9
```
#0229e9 rgb(2,41,233)
```
#022cfc
```
#022cfc rgb(2,44,252)
```

Shade Color Variation

#143cfd
```
#143cfd rgb(20,60,253)
```
#284cfd
```
#284cfd rgb(40,76,253)
```
#3b5cfd
```
#3b5cfd rgb(59,92,253)
```
#4f6cfe
```
#4f6cfe rgb(79,108,254)
```
#627cfe
```
#627cfe rgb(98,124,254)
```
#768dfe
```
#768dfe rgb(118,141,254)
```
#899dfe
```
#899dfe rgb(137,157,254)
```
#9dadfe
```
#9dadfe rgb(157,173,254)
```
#b0bdfe
```
#b0bdfe rgb(176,189,254)
```
#c4ceff
```
#c4ceff rgb(196,206,255)
```
#d7deff
```
#d7deff rgb(215,222,255)
```
#ebeeff
```
#ebeeff rgb(235,238,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777a87 is the less saturated color, while #022cfc is the most saturated one.

#777a87
```
#777a87 rgb(119,122,135)
```
#6d7391
```
#6d7391 rgb(109,115,145)
```
#646d9a
```
#646d9a rgb(100,109,154)
```
#5a66a4
```
#5a66a4 rgb(90,102,164)
```
#5060ae
```
#5060ae rgb(80,96,174)
```
#4659b8
```
#4659b8 rgb(70,89,184)
```
#3d53c1
```
#3d53c1 rgb(61,83,193)
```
#334ccb
```
#334ccb rgb(51,76,203)
```
#2946d5
```
#2946d5 rgb(41,70,213)
```
#1f3fdf
```
#1f3fdf rgb(31,63,223)
```
#1639e8
```
#1639e8 rgb(22,57,232)
```
#0c32f2
```
#0c32f2 rgb(12,50,242)
```
#022cfc
```
#022cfc rgb(2,44,252)
```

Tone Color Variation

Below, you can see how #022cfc 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

#373737 Achromatopsia 0.005% of the population
#2c355e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#0049ca Protanomaly 1% of men, 0.01% of women
#004cbb Deuteranomaly 6% of men, 0.4% of women
#00519f Tritanomaly 0.01% of the population

#022cfc hex color

#022cfc Color Information

#022cfc Color Conversion

Color Schemes with #022cfc

Alternatives to #022cfc

#022cfc Preview

Shades and Tints of #022cfc

Tones of #022cfc

Color Blindness Simulator