#1402f3 hex color

In a RGB color space, hex #1402f3 is composed of 7.8% red, 0.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 99.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 244.5 degrees, a saturation of 98.4% and a lightness of 48%. #1402f3 color hex could be obtained by blending #2804ff with #0000e7. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 8
- G 1
- B 95
RGB color chart
- C 92
- M 99
- Y 0
- K 5
CMYK color chart

● #1402f3 color description : Vivid blue.

The hexadecimal color #1402f3 has RGB values of R:20, G:2, B:243 and CMYK values of C:0.92, M:0.99, Y:0, K:0.05. Its decimal value is 1311475.

Hex triplet	1402f3	`#1402f3`
RGB Decimal	20, 2, 243	`rgb(20,2,243)`
RGB Percent	7.8, 0.8, 95.3	`rgb(7.8%,0.8%,95.3%)`
CMYK	92, 99, 0, 5
HSL	244.5°, 98.4, 48	`hsl(244.5,98.4%,48%)`
HSV (or HSB)	244.5°, 99.2, 95.3
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.025, 76.145, -103.227
XYZ	16.485, 6.662, 85.206
xyY	0.152, 0.061, 6.662
CIE-LCH	31.025, 128.272, 306.414
CIE-LUV	31.025, -8.309, -123.889
Hunter-Lab	25.811, 68.834, -177.66
Binary	00010100, 00000010, 11110011

#1402f3
```
#1402f3 rgb(20,2,243)
```
#e1f302
```
#e1f302 rgb(225,243,2)
```

Complementary Color

#0269f3
```
#0269f3 rgb(2,105,243)
```
#1402f3
```
#1402f3 rgb(20,2,243)
```
#8d02f3
```
#8d02f3 rgb(141,2,243)
```

Analogous Color

#69f302
```
#69f302 rgb(105,243,2)
```
#1402f3
```
#1402f3 rgb(20,2,243)
```
#f38d02
```
#f38d02 rgb(243,141,2)
```

Split Complementary Color

#02f314
```
#02f314 rgb(2,243,20)
```
#1402f3
```
#1402f3 rgb(20,2,243)
```
#f31402
```
#f31402 rgb(243,20,2)
```

Triadic Color

#02e1f3
```
#02e1f3 rgb(2,225,243)
```
#1402f3
```
#1402f3 rgb(20,2,243)
```
#f31402
```
#f31402 rgb(243,20,2)
```
#e1f302
```
#e1f302 rgb(225,243,2)
```

Tetradic Color

#0e01a7
```
#0e01a7 rgb(14,1,167)
```
#1002c0
```
#1002c0 rgb(16,2,192)
```
#1202da
```
#1202da rgb(18,2,218)
```
#1402f3
```
#1402f3 rgb(20,2,243)
```
#2311fd
```
#2311fd rgb(35,17,253)
```
#3a2bfd
```
#3a2bfd rgb(58,43,253)
```
#5244fd
```
#5244fd rgb(82,68,253)
```

Monochromatic Color

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

#022cf3
```
#022cf3 rgb(2,44,243)
```
#0218f3
```
#0218f3 rgb(2,24,243)
```
#0204f3
```
#0204f3 rgb(2,4,243)
```
#1402f3
```
#1402f3 rgb(20,2,243)
```
#2802f3
```
#2802f3 rgb(40,2,243)
```
#3c02f3
```
#3c02f3 rgb(60,2,243)
```
#5002f3
```
#5002f3 rgb(80,2,243)
```

Similar Colors

Text with hexadecimal color #1402f3

This text has a font color of #1402f3.

<span style="color:#1402f3;">Text here</span>

#1402f3 background color

This paragraph has a background color of #1402f3.

<p style="background-color:#1402f3;">Content here</p>

#1402f3 border color

This element has a border color of #1402f3.

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

CSS codes

.text {color:#1402f3;}

.background {background-color:#1402f3;}

.border {border:1px solid #1402f3;}

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, #01000a is the darkest color, while #f6f5ff is the lightest one.

#01000a
```
#01000a rgb(1,0,10)
```
#02001d
```
#02001d rgb(2,0,29)
```
#040030
```
#040030 rgb(4,0,48)
```
#060144
```
#060144 rgb(6,1,68)
```
#070157
```
#070157 rgb(7,1,87)
```
#09016b
```
#09016b rgb(9,1,107)
```
#0a017e
```
#0a017e rgb(10,1,126)
```
#0c0192
```
#0c0192 rgb(12,1,146)
```
#0e01a5
```
#0e01a5 rgb(14,1,165)
```
#0f02b9
```
#0f02b9 rgb(15,2,185)
```
#1102cc
```
#1102cc rgb(17,2,204)
```
#1202e0
```
#1202e0 rgb(18,2,224)
```
#1402f3
```
#1402f3 rgb(20,2,243)
```

Shade Color Variation

#1e0cfd
```
#1e0cfd rgb(30,12,253)
```
#301ffd
```
#301ffd rgb(48,31,253)
```
#4233fd
```
#4233fd rgb(66,51,253)
```
#5446fd
```
#5446fd rgb(84,70,253)
```
#6659fe
```
#6659fe rgb(102,89,254)
```
#786dfe
```
#786dfe rgb(120,109,254)
```
#8a80fe
```
#8a80fe rgb(138,128,254)
```
#9c94fe
```
#9c94fe rgb(156,148,254)
```
#aea7fe
```
#aea7fe rgb(174,167,254)
```
#c0bbfe
```
#c0bbfe rgb(192,187,254)
```
#d2ceff
```
#d2ceff rgb(210,206,255)
```
#e4e2ff
```
#e4e2ff rgb(228,226,255)
```
#f6f5ff
```
#f6f5ff rgb(246,245,255)
```

Tint Color Variation

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

#747382
```
#747382 rgb(116,115,130)
```
#6c6a8b
```
#6c6a8b rgb(108,106,139)
```
#646095
```
#646095 rgb(100,96,149)
```
#5c579e
```
#5c579e rgb(92,87,158)
```
#544da8
```
#544da8 rgb(84,77,168)
```
#4c44b1
```
#4c44b1 rgb(76,68,177)
```
#443bba
```
#443bba rgb(68,59,186)
```
#3c31c4
```
#3c31c4 rgb(60,49,196)
```
#3428cd
```
#3428cd rgb(52,40,205)
```
#2c1ed7
```
#2c1ed7 rgb(44,30,215)
```
#2415e0
```
#2415e0 rgb(36,21,224)
```
#1c0bea
```
#1c0bea rgb(28,11,234)
```
#1402f3
```
#1402f3 rgb(20,2,243)
```

Tone Color Variation

Below, you can see how #1402f3 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

#232323 Achromatopsia 0.005% of the population
#201c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005585 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#0733bb Protanomaly 1% of men, 0.01% of women
#0736ad Deuteranomaly 6% of men, 0.4% of women
#073a94 Tritanomaly 0.01% of the population

#1402f3 hex color

#1402f3 Color Information

#1402f3 Color Conversion

Color Schemes with #1402f3

Alternatives to #1402f3

#1402f3 Preview

Shades and Tints of #1402f3

Tones of #1402f3

Color Blindness Simulator