#0522fd hex color

In a RGB color space, hex #0522fd is composed of 2% red, 13.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 86.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 233 degrees, a saturation of 98.4% and a lightness of 50.6%. #0522fd color hex could be obtained by blending #0a44ff with #0000fb. Closest websafe color is: #0033ff.

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

● #0522fd color description : Vivid blue.

The hexadecimal color #0522fd has RGB values of R:5, G:34, B:253 and CMYK values of C:0.98, M:0.87, Y:0, K:0.01. Its decimal value is 336637.

Hex triplet	0522fd	`#0522fd`
RGB Decimal	5, 34, 253	`rgb(5,34,253)`
RGB Percent	2, 13.3, 99.2	`rgb(2%,13.3%,99.2%)`
CMYK	98, 87, 0, 1
HSL	233°, 98.4, 50.6	`hsl(233,98.4%,50.6%)`
HSV (or HSB)	233°, 98, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.532, 71.226, -103.009
XYZ	18.361, 8.267, 93.551
xyY	0.153, 0.069, 8.267
CIE-LCH	34.532, 125.236, 304.662
CIE-LUV	34.532, -10.874, -131.289
Hunter-Lab	28.752, 63.673, -172.788
Binary	00000101, 00100010, 11111101

#0522fd
```
#0522fd rgb(5,34,253)
```
#fde005
```
#fde005 rgb(253,224,5)
```

Complementary Color

#059efd
```
#059efd rgb(5,158,253)
```
#0522fd
```
#0522fd rgb(5,34,253)
```
#6405fd
```
#6405fd rgb(100,5,253)
```

Analogous Color

#9efd05
```
#9efd05 rgb(158,253,5)
```
#0522fd
```
#0522fd rgb(5,34,253)
```
#fd6405
```
#fd6405 rgb(253,100,5)
```

Split Complementary Color

#22fd05
```
#22fd05 rgb(34,253,5)
```
#0522fd
```
#0522fd rgb(5,34,253)
```
#fd0522
```
#fd0522 rgb(253,5,34)
```

Triadic Color

#05fde0
```
#05fde0 rgb(5,253,224)
```
#0522fd
```
#0522fd rgb(5,34,253)
```
#fd0522
```
#fd0522 rgb(253,5,34)
```
#fde005
```
#fde005 rgb(253,224,5)
```

Tetradic Color

#0116b4
```
#0116b4 rgb(1,22,180)
```
#0219cd
```
#0219cd rgb(2,25,205)
```
#021de7
```
#021de7 rgb(2,29,231)
```
#0522fd
```
#0522fd rgb(5,34,253)
```
#1e38fd
```
#1e38fd rgb(30,56,253)
```
#384ffd
```
#384ffd rgb(56,79,253)
```
#5165fe
```
#5165fe rgb(81,101,254)
```

Monochromatic Color

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

#0560fd
```
#0560fd rgb(5,96,253)
```
#054bfd
```
#054bfd rgb(5,75,253)
```
#0537fd
```
#0537fd rgb(5,55,253)
```
#0522fd
```
#0522fd rgb(5,34,253)
```
#050dfd
```
#050dfd rgb(5,13,253)
```
#1105fd
```
#1105fd rgb(17,5,253)
```
#2605fd
```
#2605fd rgb(38,5,253)
```

Similar Colors

Text with hexadecimal color #0522fd

This text has a font color of #0522fd.

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

#0522fd background color

This paragraph has a background color of #0522fd.

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

#0522fd border color

This element has a border color of #0522fd.

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

CSS codes

.text {color:#0522fd;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000316
```
#000316 rgb(0,3,22)
```
#00052a
```
#00052a rgb(0,5,42)
```
#00083d
```
#00083d rgb(0,8,61)
```
#010a51
```
#010a51 rgb(1,10,81)
```
#010c64
```
#010c64 rgb(1,12,100)
```
#010f78
```
#010f78 rgb(1,15,120)
```
#01118b
```
#01118b rgb(1,17,139)
```
#01149f
```
#01149f rgb(1,20,159)
```
#0116b2
```
#0116b2 rgb(1,22,178)
```
#0218c6
```
#0218c6 rgb(2,24,198)
```
#021bd9
```
#021bd9 rgb(2,27,217)
```
#021dec
```
#021dec rgb(2,29,236)
```

Shade Color Variation

#0522fd
```
#0522fd rgb(5,34,253)
```
#1833fd
```
#1833fd rgb(24,51,253)
```
#2c44fd
```
#2c44fd rgb(44,68,253)
```
#3f56fd
```
#3f56fd rgb(63,86,253)
```
#5367fe
```
#5367fe rgb(83,103,254)
```
#6678fe
```
#6678fe rgb(102,120,254)
```
#7a89fe
```
#7a89fe rgb(122,137,254)
```
#8d9afe
```
#8d9afe rgb(141,154,254)
```
#a1acfe
```
#a1acfe rgb(161,172,254)
```
#b4bdfe
```
#b4bdfe rgb(180,189,254)
```
#c8ceff
```
#c8ceff rgb(200,206,255)
```
#dbdfff
```
#dbdfff rgb(219,223,255)
```
#eff0ff
```
#eff0ff rgb(239,240,255)
```

Tint Color Variation

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

#797b89
```
#797b89 rgb(121,123,137)
```
#707492
```
#707492 rgb(112,116,146)
```
#666c9c
```
#666c9c rgb(102,108,156)
```
#5c65a6
```
#5c65a6 rgb(92,101,166)
```
#535daf
```
#535daf rgb(83,93,175)
```
#4956b9
```
#4956b9 rgb(73,86,185)
```
#3f4fc3
```
#3f4fc3 rgb(63,79,195)
```
#3547cd
```
#3547cd rgb(53,71,205)
```
#2c40d6
```
#2c40d6 rgb(44,64,214)
```
#2238e0
```
#2238e0 rgb(34,56,224)
```
#1831ea
```
#1831ea rgb(24,49,234)
```
#0f29f3
```
#0f29f3 rgb(15,41,243)
```
#0522fd
```
#0522fd rgb(5,34,253)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#292f5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005d92 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0144c8 Protanomaly 1% of men, 0.01% of women
#0147b9 Deuteranomaly 6% of men, 0.4% of women
#014b9d Tritanomaly 0.01% of the population

#0522fd hex color

#0522fd Color Information

#0522fd Color Conversion

Color Schemes with #0522fd

Alternatives to #0522fd

#0522fd Preview

Shades and Tints of #0522fd

Tones of #0522fd

Color Blindness Simulator