#1346f2 hex color

In a RGB color space, hex #1346f2 is composed of 7.5% red, 27.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 71.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 226.3 degrees, a saturation of 89.6% and a lightness of 51.2%. #1346f2 color hex could be obtained by blending #268cff with #0000e5. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 7
- G 27
- B 95
RGB color chart
- C 92
- M 71
- Y 0
- K 5
CMYK color chart

● #1346f2 color description : Vivid blue.

The hexadecimal color #1346f2 has RGB values of R:19, G:70, B:242 and CMYK values of C:0.92, M:0.71, Y:0, K:0.05. Its decimal value is 1263346.

Hex triplet	1346f2	`#1346f2`
RGB Decimal	19, 70, 242	`rgb(19,70,242)`
RGB Percent	7.5, 27.5, 94.9	`rgb(7.5%,27.5%,94.9%)`
CMYK	92, 71, 0, 5
HSL	226.3°, 89.6, 51.2	`hsl(226.3,89.6%,51.2%)`
HSV (or HSB)	226.3°, 92.1, 94.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.459, 50.627, -88.633
XYZ	18.482, 10.928, 85.135
xyY	0.161, 0.095, 10.928
CIE-LCH	39.459, 102.073, 299.735
CIE-LUV	39.459, -14.864, -125.004
Hunter-Lab	33.058, 41.948, -129.552
Binary	00010011, 01000110, 11110010

#1346f2
```
#1346f2 rgb(19,70,242)
```
#f2bf13
```
#f2bf13 rgb(242,191,19)
```

Complementary Color

#13b6f2
```
#13b6f2 rgb(19,182,242)
```
#1346f2
```
#1346f2 rgb(19,70,242)
```
#5013f2
```
#5013f2 rgb(80,19,242)
```

Analogous Color

#b6f213
```
#b6f213 rgb(182,242,19)
```
#1346f2
```
#1346f2 rgb(19,70,242)
```
#f25013
```
#f25013 rgb(242,80,19)
```

Split Complementary Color

#46f213
```
#46f213 rgb(70,242,19)
```
#1346f2
```
#1346f2 rgb(19,70,242)
```
#f21346
```
#f21346 rgb(242,19,70)
```

Triadic Color

#13f2bf
```
#13f2bf rgb(19,242,191)
```
#1346f2
```
#1346f2 rgb(19,70,242)
```
#f21346
```
#f21346 rgb(242,19,70)
```
#f2bf13
```
#f2bf13 rgb(242,191,19)
```

Tetradic Color

#0a2faf
```
#0a2faf rgb(10,47,175)
```
#0b36c7
```
#0b36c7 rgb(11,54,199)
```
#0c3ddf
```
#0c3ddf rgb(12,61,223)
```
#1346f2
```
#1346f2 rgb(19,70,242)
```
#2b59f3
```
#2b59f3 rgb(43,89,243)
```
#436cf5
```
#436cf5 rgb(67,108,245)
```
#5c7ff6
```
#5c7ff6 rgb(92,127,246)
```

Monochromatic Color

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

#137ef2
```
#137ef2 rgb(19,126,242)
```
#136bf2
```
#136bf2 rgb(19,107,242)
```
#1359f2
```
#1359f2 rgb(19,89,242)
```
#1346f2
```
#1346f2 rgb(19,70,242)
```
#1333f2
```
#1333f2 rgb(19,51,242)
```
#1321f2
```
#1321f2 rgb(19,33,242)
```
#1813f2
```
#1813f2 rgb(24,19,242)
```

Similar Colors

Text with hexadecimal color #1346f2

This text has a font color of #1346f2.

<span style="color:#1346f2;">Text here</span>

#1346f2 background color

This paragraph has a background color of #1346f2.

<p style="background-color:#1346f2;">Content here</p>

#1346f2 border color

This element has a border color of #1346f2.

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

CSS codes

.text {color:#1346f2;}

.background {background-color:#1346f2;}

.border {border:1px solid #1346f2;}

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

#000206
```
#000206 rgb(0,2,6)
```
#010718
```
#010718 rgb(1,7,24)
```
#020c2b
```
#020c2b rgb(2,12,43)
```
#03113d
```
#03113d rgb(3,17,61)
```
#041650
```
#041650 rgb(4,22,80)
```
#051b63
```
#051b63 rgb(5,27,99)
```
#062075
```
#062075 rgb(6,32,117)
```
#072588
```
#072588 rgb(7,37,136)
```
#092a9a
```
#092a9a rgb(9,42,154)
```
#0a2fad
```
#0a2fad rgb(10,47,173)
```
#0b34c0
```
#0b34c0 rgb(11,52,192)
```
#0c39d2
```
#0c39d2 rgb(12,57,210)
```
#0d3ee5
```
#0d3ee5 rgb(13,62,229)
```

Shade Color Variation

#1346f2
```
#1346f2 rgb(19,70,242)
```
#2655f3
```
#2655f3 rgb(38,85,243)
```
#3863f4
```
#3863f4 rgb(56,99,244)
```
#4b72f5
```
#4b72f5 rgb(75,114,245)
```
#5d80f6
```
#5d80f6 rgb(93,128,246)
```
#708ff7
```
#708ff7 rgb(112,143,247)
```
#839df8
```
#839df8 rgb(131,157,248)
```
#95acf9
```
#95acf9 rgb(149,172,249)
```
#a8bbfa
```
#a8bbfa rgb(168,187,250)
```
#bac9fb
```
#bac9fb rgb(186,201,251)
```
#cdd8fc
```
#cdd8fc rgb(205,216,252)
```
#e0e6fd
```
#e0e6fd rgb(224,230,253)
```
#f2f5fe
```
#f2f5fe rgb(242,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7f89 is the less saturated color, while #0941fc is the most saturated one.

#7c7f89
```
#7c7f89 rgb(124,127,137)
```
#737a92
```
#737a92 rgb(115,122,146)
```
#69759c
```
#69759c rgb(105,117,156)
```
#6070a5
```
#6070a5 rgb(96,112,165)
```
#566aaf
```
#566aaf rgb(86,106,175)
```
#4c65b9
```
#4c65b9 rgb(76,101,185)
```
#4360c2
```
#4360c2 rgb(67,96,194)
```
#395bcc
```
#395bcc rgb(57,91,204)
```
#3056d5
```
#3056d5 rgb(48,86,213)
```
#2650df
```
#2650df rgb(38,80,223)
```
#1d4be8
```
#1d4be8 rgb(29,75,232)
```
#1346f2
```
#1346f2 rgb(19,70,242)
```
#0941fc
```
#0941fc rgb(9,65,252)
```

Tone Color Variation

Below, you can see how #1346f2 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

#4a4a4a Achromatopsia 0.005% of the population
#3f496c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0658d1 Protanomaly 1% of men, 0.01% of women
#065bc1 Deuteranomaly 6% of men, 0.4% of women
#0660a2 Tritanomaly 0.01% of the population

#1346f2 hex color

#1346f2 Color Information

#1346f2 Color Conversion

Color Schemes with #1346f2

Alternatives to #1346f2

#1346f2 Preview

Shades and Tints of #1346f2

Tones of #1346f2

Color Blindness Simulator