#1221f6 hex color

In a RGB color space, hex #1221f6 is composed of 7.1% red, 12.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 86.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 236.1 degrees, a saturation of 92.7% and a lightness of 51.8%. #1221f6 color hex could be obtained by blending #2442ff with #0000ed. Closest websafe color is: #0033ff.

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

● #1221f6 color description : Vivid blue.

The hexadecimal color #1221f6 has RGB values of R:18, G:33, B:246 and CMYK values of C:0.93, M:0.87, Y:0, K:0.04. Its decimal value is 1188342.

Hex triplet	1221f6	`#1221f6`
RGB Decimal	18, 33, 246	`rgb(18,33,246)`
RGB Percent	7.1, 12.9, 96.5	`rgb(7.1%,12.9%,96.5%)`
CMYK	93, 87, 0, 4
HSL	236.1°, 92.7, 51.8	`hsl(236.1,92.7%,51.8%)`
HSV (or HSB)	236.1°, 92.7, 96.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.708, 69.78, -100.44
XYZ	17.425, 7.869, 87.784
xyY	0.154, 0.07, 7.869
CIE-LCH	33.708, 122.301, 304.789
CIE-LUV	33.708, -10.111, -127.413
Hunter-Lab	28.051, 61.788, -165.907
Binary	00010010, 00100001, 11110110

#1221f6
```
#1221f6 rgb(18,33,246)
```
#f6e712
```
#f6e712 rgb(246,231,18)
```

Complementary Color

#1293f6
```
#1293f6 rgb(18,147,246)
```
#1221f6
```
#1221f6 rgb(18,33,246)
```
#7512f6
```
#7512f6 rgb(117,18,246)
```

Analogous Color

#93f612
```
#93f612 rgb(147,246,18)
```
#1221f6
```
#1221f6 rgb(18,33,246)
```
#f67512
```
#f67512 rgb(246,117,18)
```

Split Complementary Color

#21f612
```
#21f612 rgb(33,246,18)
```
#1221f6
```
#1221f6 rgb(18,33,246)
```
#f61221
```
#f61221 rgb(246,18,33)
```

Triadic Color

#12f6e7
```
#12f6e7 rgb(18,246,231)
```
#1221f6
```
#1221f6 rgb(18,33,246)
```
#f61221
```
#f61221 rgb(246,18,33)
```
#f6e712
```
#f6e712 rgb(246,231,18)
```

Tetradic Color

#0712b5
```
#0712b5 rgb(7,18,181)
```
#0815cd
```
#0815cd rgb(8,21,205)
```
#0917e6
```
#0917e6 rgb(9,23,230)
```
#1221f6
```
#1221f6 rgb(18,33,246)
```
#2b38f7
```
#2b38f7 rgb(43,56,247)
```
#434ff8
```
#434ff8 rgb(67,79,248)
```
#5c66f9
```
#5c66f9 rgb(92,102,249)
```

Monochromatic Color

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

#125af6
```
#125af6 rgb(18,90,246)
```
#1247f6
```
#1247f6 rgb(18,71,246)
```
#1234f6
```
#1234f6 rgb(18,52,246)
```
#1221f6
```
#1221f6 rgb(18,33,246)
```
#1612f6
```
#1612f6 rgb(22,18,246)
```
#2912f6
```
#2912f6 rgb(41,18,246)
```
#3c12f6
```
#3c12f6 rgb(60,18,246)
```

Similar Colors

Text with hexadecimal color #1221f6

This text has a font color of #1221f6.

<span style="color:#1221f6;">Text here</span>

#1221f6 background color

This paragraph has a background color of #1221f6.

<p style="background-color:#1221f6;">Content here</p>

#1221f6 border color

This element has a border color of #1221f6.

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

CSS codes

.text {color:#1221f6;}

.background {background-color:#1221f6;}

.border {border:1px solid #1221f6;}

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

#000109
```
#000109 rgb(0,1,9)
```
#01031c
```
#01031c rgb(1,3,28)
```
#02052e
```
#02052e rgb(2,5,46)
```
#020741
```
#020741 rgb(2,7,65)
```
#030954
```
#030954 rgb(3,9,84)
```
#040a67
```
#040a67 rgb(4,10,103)
```
#050c7a
```
#050c7a rgb(5,12,122)
```
#050e8d
```
#050e8d rgb(5,14,141)
```
#0610a0
```
#0610a0 rgb(6,16,160)
```
#0712b3
```
#0712b3 rgb(7,18,179)
```
#0814c6
```
#0814c6 rgb(8,20,198)
```
#0816d9
```
#0816d9 rgb(8,22,217)
```
#0918eb
```
#0918eb rgb(9,24,235)
```

Shade Color Variation

#1221f6
```
#1221f6 rgb(18,33,246)
```
#2533f7
```
#2533f7 rgb(37,51,247)
```
#3844f7
```
#3844f7 rgb(56,68,247)
```
#4b56f8
```
#4b56f8 rgb(75,86,248)
```
#5e68f9
```
#5e68f9 rgb(94,104,249)
```
#707afa
```
#707afa rgb(112,122,250)
```
#838bfa
```
#838bfa rgb(131,139,250)
```
#969dfb
```
#969dfb rgb(150,157,251)
```
#a9affc
```
#a9affc rgb(169,175,252)
```
#bcc0fc
```
#bcc0fc rgb(188,192,252)
```
#cfd2fd
```
#cfd2fd rgb(207,210,253)
```
#e2e4fe
```
#e2e4fe rgb(226,228,254)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848484 is the less saturated color, while #1221f6 is the most saturated one.

#848484
```
#848484 rgb(132,132,132)
```
#7a7b8e
```
#7a7b8e rgb(122,123,142)
```
#717397
```
#717397 rgb(113,115,151)
```
#676ba1
```
#676ba1 rgb(103,107,161)
```
#5e63aa
```
#5e63aa rgb(94,99,170)
```
#545bb4
```
#545bb4 rgb(84,91,180)
```
#4b52bd
```
#4b52bd rgb(75,82,189)
```
#414ac7
```
#414ac7 rgb(65,74,199)
```
#3842d0
```
#3842d0 rgb(56,66,208)
```
#2e3ada
```
#2e3ada rgb(46,58,218)
```
#2531e3
```
#2531e3 rgb(37,49,227)
```
#1b29ed
```
#1b29ed rgb(27,41,237)
```
#1221f6
```
#1221f6 rgb(18,33,246)
```

Tone Color Variation

Below, you can see how #1221f6 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
#2e315c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a6 Protanopia 1% of men
#005b8f Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0642c3 Protanomaly 1% of men, 0.01% of women
#0645b4 Deuteranomaly 6% of men, 0.4% of women
#064999 Tritanomaly 0.01% of the population

#1221f6 hex color

#1221f6 Color Information

#1221f6 Color Conversion

Color Schemes with #1221f6

Alternatives to #1221f6

#1221f6 Preview

Shades and Tints of #1221f6

Tones of #1221f6

Color Blindness Simulator