#1422f7 hex color

In a RGB color space, hex #1422f7 is composed of 7.8% red, 13.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 86.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 236.3 degrees, a saturation of 93.4% and a lightness of 52.4%. #1422f7 color hex could be obtained by blending #2844ff with #0000ef. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 8
- G 13
- B 97
RGB color chart
- C 92
- M 86
- Y 0
- K 3
CMYK color chart

● #1422f7 color description : Vivid blue.

The hexadecimal color #1422f7 has RGB values of R:20, G:34, B:247 and CMYK values of C:0.92, M:0.86, Y:0, K:0.03. Its decimal value is 1319671.

Hex triplet	1422f7	`#1422f7`
RGB Decimal	20, 34, 247	`rgb(20,34,247)`
RGB Percent	7.8, 13.3, 96.9	`rgb(7.8%,13.3%,96.9%)`
CMYK	92, 86, 0, 3
HSL	236.3°, 93.4, 52.4	`hsl(236.3,93.4%,52.4%)`
HSV (or HSB)	236.3°, 91.9, 96.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.997, 69.731, -100.521
XYZ	17.646, 8.007, 88.606
xyY	0.154, 0.07, 8.007
CIE-LCH	33.997, 122.339, 304.749
CIE-LUV	33.997, -10.14, -128.069
Hunter-Lab	28.296, 61.795, -165.851
Binary	00010100, 00100010, 11110111

#1422f7
```
#1422f7 rgb(20,34,247)
```
#f7e914
```
#f7e914 rgb(247,233,20)
```

Complementary Color

#1494f7
```
#1494f7 rgb(20,148,247)
```
#1422f7
```
#1422f7 rgb(20,34,247)
```
#7814f7
```
#7814f7 rgb(120,20,247)
```

Analogous Color

#94f714
```
#94f714 rgb(148,247,20)
```
#1422f7
```
#1422f7 rgb(20,34,247)
```
#f77814
```
#f77814 rgb(247,120,20)
```

Split Complementary Color

#22f714
```
#22f714 rgb(34,247,20)
```
#1422f7
```
#1422f7 rgb(20,34,247)
```
#f71422
```
#f71422 rgb(247,20,34)
```

Triadic Color

#14f7e9
```
#14f7e9 rgb(20,247,233)
```
#1422f7
```
#1422f7 rgb(20,34,247)
```
#f71422
```
#f71422 rgb(247,20,34)
```
#f7e914
```
#f7e914 rgb(247,233,20)
```

Tetradic Color

#0611b8
```
#0611b8 rgb(6,17,184)
```
#0714d1
```
#0714d1 rgb(7,20,209)
```
#0816ea
```
#0816ea rgb(8,22,234)
```
#1422f7
```
#1422f7 rgb(20,34,247)
```
#2d39f8
```
#2d39f8 rgb(45,57,248)
```
#4550f9
```
#4550f9 rgb(69,80,249)
```
#5e68fa
```
#5e68fa rgb(94,104,250)
```

Monochromatic Color

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

#145bf7
```
#145bf7 rgb(20,91,247)
```
#1448f7
```
#1448f7 rgb(20,72,247)
```
#1435f7
```
#1435f7 rgb(20,53,247)
```
#1422f7
```
#1422f7 rgb(20,34,247)
```
#1914f7
```
#1914f7 rgb(25,20,247)
```
#2c14f7
```
#2c14f7 rgb(44,20,247)
```
#3f14f7
```
#3f14f7 rgb(63,20,247)
```

Similar Colors

Text with hexadecimal color #1422f7

This text has a font color of #1422f7.

<span style="color:#1422f7;">Text here</span>

#1422f7 background color

This paragraph has a background color of #1422f7.

<p style="background-color:#1422f7;">Content here</p>

#1422f7 border color

This element has a border color of #1422f7.

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

CSS codes

.text {color:#1422f7;}

.background {background-color:#1422f7;}

.border {border:1px solid #1422f7;}

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, #00010c is the darkest color, while #f8f8ff is the lightest one.

#00010c
```
#00010c rgb(0,1,12)
```
#01031f
```
#01031f rgb(1,3,31)
```
#020532
```
#020532 rgb(2,5,50)
```
#020645
```
#020645 rgb(2,6,69)
```
#030857
```
#030857 rgb(3,8,87)
```
#040a6a
```
#040a6a rgb(4,10,106)
```
#040c7d
```
#040c7d rgb(4,12,125)
```
#050e90
```
#050e90 rgb(5,14,144)
```
#060fa3
```
#060fa3 rgb(6,15,163)
```
#0611b6
```
#0611b6 rgb(6,17,182)
```
#0713c9
```
#0713c9 rgb(7,19,201)
```
#0715dc
```
#0715dc rgb(7,21,220)
```
#0816ef
```
#0816ef rgb(8,22,239)
```

Shade Color Variation

#1422f7
```
#1422f7 rgb(20,34,247)
```
#2734f8
```
#2734f8 rgb(39,52,248)
```
#3a46f8
```
#3a46f8 rgb(58,70,248)
```
#4d58f9
```
#4d58f9 rgb(77,88,249)
```
#6069fa
```
#6069fa rgb(96,105,250)
```
#737bfa
```
#737bfa rgb(115,123,250)
```
#868dfb
```
#868dfb rgb(134,141,251)
```
#999ffc
```
#999ffc rgb(153,159,252)
```
#acb1fc
```
#acb1fc rgb(172,177,252)
```
#bfc3fd
```
#bfc3fd rgb(191,195,253)
```
#d2d4fd
```
#d2d4fd rgb(210,212,253)
```
#e5e6fe
```
#e5e6fe rgb(229,230,254)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#848487
```
#848487 rgb(132,132,135)
```
#7b7c90
```
#7b7c90 rgb(123,124,144)
```
#71749a
```
#71749a rgb(113,116,154)
```
#686ca3
```
#686ca3 rgb(104,108,163)
```
#5f64ac
```
#5f64ac rgb(95,100,172)
```
#555bb6
```
#555bb6 rgb(85,91,182)
```
#4c53bf
```
#4c53bf rgb(76,83,191)
```
#434bc8
```
#434bc8 rgb(67,75,200)
```
#3943d2
```
#3943d2 rgb(57,67,210)
```
#303bdb
```
#303bdb rgb(48,59,219)
```
#2732e4
```
#2732e4 rgb(39,50,228)
```
#1d2aee
```
#1d2aee rgb(29,42,238)
```
#1422f7
```
#1422f7 rgb(20,34,247)
```

Tone Color Variation

Below, you can see how #1422f7 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

#363636 Achromatopsia 0.005% of the population
#2f325d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006265 Tritanopia 0.001% of the population

Trichromacy

#0743c4 Protanomaly 1% of men, 0.01% of women
#0746b5 Deuteranomaly 6% of men, 0.4% of women
#074a9a Tritanomaly 0.01% of the population

#1422f7 hex color

#1422f7 Color Information

#1422f7 Color Conversion

Color Schemes with #1422f7

Alternatives to #1422f7

#1422f7 Preview

Shades and Tints of #1422f7

Tones of #1422f7

Color Blindness Simulator