#1220fd hex color

In a RGB color space, hex #1220fd is composed of 7.1% red, 12.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 87.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 236.4 degrees, a saturation of 98.3% and a lightness of 53.1%. #1220fd color hex could be obtained by blending #2440ff with #0000fb. Closest websafe color is: #0033ff.

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

● #1220fd color description : Vivid blue.

The hexadecimal color #1220fd has RGB values of R:18, G:32, B:253 and CMYK values of C:0.93, M:0.87, Y:0, K:0.01. Its decimal value is 1188093.

Hex triplet	1220fd	`#1220fd`
RGB Decimal	18, 32, 253	`rgb(18,32,253)`
RGB Percent	7.1, 12.5, 99.2	`rgb(7.1%,12.5%,99.2%)`
CMYK	93, 87, 0, 1
HSL	236.4°, 98.3, 53.1	`hsl(236.4,98.3%,53.1%)`
HSV (or HSB)	236.4°, 92.9, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.502, 72.042, -103.054
XYZ	18.492, 8.252, 93.541
xyY	0.154, 0.069, 8.252
CIE-LCH	34.502, 125.739, 304.956
CIE-LUV	34.502, -10.285, -131.293
Hunter-Lab	28.726, 64.635, -172.957
Binary	00010010, 00100000, 11111101

#1220fd
```
#1220fd rgb(18,32,253)
```
#fdef12
```
#fdef12 rgb(253,239,18)
```

Complementary Color

#1296fd
```
#1296fd rgb(18,150,253)
```
#1220fd
```
#1220fd rgb(18,32,253)
```
#7a12fd
```
#7a12fd rgb(122,18,253)
```

Analogous Color

#96fd12
```
#96fd12 rgb(150,253,18)
```
#1220fd
```
#1220fd rgb(18,32,253)
```
#fd7a12
```
#fd7a12 rgb(253,122,18)
```

Split Complementary Color

#20fd12
```
#20fd12 rgb(32,253,18)
```
#1220fd
```
#1220fd rgb(18,32,253)
```
#fd1220
```
#fd1220 rgb(253,18,32)
```

Triadic Color

#12fdef
```
#12fdef rgb(18,253,239)
```
#1220fd
```
#1220fd rgb(18,32,253)
```
#fd1220
```
#fd1220 rgb(253,18,32)
```
#fdef12
```
#fdef12 rgb(253,239,18)
```

Tetradic Color

#020dc1
```
#020dc1 rgb(2,13,193)
```
#020fda
```
#020fda rgb(2,15,218)
```
#0210f3
```
#0210f3 rgb(2,16,243)
```
#1220fd
```
#1220fd rgb(18,32,253)
```
#2b38fd
```
#2b38fd rgb(43,56,253)
```
#4550fd
```
#4550fd rgb(69,80,253)
```
#5e67fe
```
#5e67fe rgb(94,103,254)
```

Monochromatic Color

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

#125bfd
```
#125bfd rgb(18,91,253)
```
#1247fd
```
#1247fd rgb(18,71,253)
```
#1234fd
```
#1234fd rgb(18,52,253)
```
#1220fd
```
#1220fd rgb(18,32,253)
```
#1812fd
```
#1812fd rgb(24,18,253)
```
#2b12fd
```
#2b12fd rgb(43,18,253)
```
#3f12fd
```
#3f12fd rgb(63,18,253)
```

Similar Colors

Text with hexadecimal color #1220fd

This text has a font color of #1220fd.

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

#1220fd background color

This paragraph has a background color of #1220fd.

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

#1220fd border color

This element has a border color of #1220fd.

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

CSS codes

.text {color:#1220fd;}

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

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

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

#000110
```
#000110 rgb(0,1,16)
```
#000223
```
#000223 rgb(0,2,35)
```
#000437
```
#000437 rgb(0,4,55)
```
#01054a
```
#01054a rgb(1,5,74)
```
#01065e
```
#01065e rgb(1,6,94)
```
#010871
```
#010871 rgb(1,8,113)
```
#010985
```
#010985 rgb(1,9,133)
```
#010a98
```
#010a98 rgb(1,10,152)
```
#010cab
```
#010cab rgb(1,12,171)
```
#020dbf
```
#020dbf rgb(2,13,191)
```
#020ed2
```
#020ed2 rgb(2,14,210)
```
#0210e6
```
#0210e6 rgb(2,16,230)
```
#0211f9
```
#0211f9 rgb(2,17,249)
```

Shade Color Variation

#1220fd
```
#1220fd rgb(18,32,253)
```
#2532fd
```
#2532fd rgb(37,50,253)
```
#3945fd
```
#3945fd rgb(57,69,253)
```
#4c57fd
```
#4c57fd rgb(76,87,253)
```
#6069fe
```
#6069fe rgb(96,105,254)
```
#737cfe
```
#737cfe rgb(115,124,254)
```
#878efe
```
#878efe rgb(135,142,254)
```
#9aa0fe
```
#9aa0fe rgb(154,160,254)
```
#aeb2fe
```
#aeb2fe rgb(174,178,254)
```
#c1c5fe
```
#c1c5fe rgb(193,197,254)
```
#d5d7ff
```
#d5d7ff rgb(213,215,255)
```
#e8e9ff
```
#e8e9ff rgb(232,233,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#80818f
```
#80818f rgb(128,129,143)
```
#777998
```
#777998 rgb(119,121,152)
```
#6e71a1
```
#6e71a1 rgb(110,113,161)
```
#6569aa
```
#6569aa rgb(101,105,170)
```
#5c61b3
```
#5c61b3 rgb(92,97,179)
```
#5259bd
```
#5259bd rgb(82,89,189)
```
#4951c6
```
#4951c6 rgb(73,81,198)
```
#4048cf
```
#4048cf rgb(64,72,207)
```
#3740d8
```
#3740d8 rgb(55,64,216)
```
#2e38e1
```
#2e38e1 rgb(46,56,225)
```
#2430eb
```
#2430eb rgb(36,48,235)
```
#1b28f4
```
#1b28f4 rgb(27,40,244)
```
#1220fd
```
#1220fd rgb(18,32,253)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2e315d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0643c8 Protanomaly 1% of men, 0.01% of women
#0646b9 Deuteranomaly 6% of men, 0.4% of women
#064a9d Tritanomaly 0.01% of the population

#1220fd hex color

#1220fd Color Information

#1220fd Color Conversion

Color Schemes with #1220fd

Alternatives to #1220fd

#1220fd Preview

Shades and Tints of #1220fd

Tones of #1220fd

Color Blindness Simulator