#1356e3 hex color

In a RGB color space, hex #1356e3 is composed of 7.5% red, 33.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 91.6% cyan, 62.1% magenta, 0% yellow and 11% black. It has a hue angle of 220.7 degrees, a saturation of 84.6% and a lightness of 48.2%. #1356e3 color hex could be obtained by blending #26acff with #0000c7. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 7
- G 34
- B 89
RGB color chart
- C 92
- M 62
- Y 0
- K 11
CMYK color chart

● #1356e3 color description : Vivid blue.

The hexadecimal color #1356e3 has RGB values of R:19, G:86, B:227 and CMYK values of C:0.92, M:0.62, Y:0, K:0.11. Its decimal value is 1267427.

Hex triplet	1356e3	`#1356e3`
RGB Decimal	19, 86, 227	`rgb(19,86,227)`
RGB Percent	7.5, 33.7, 89	`rgb(7.5%,33.7%,89%)`
CMYK	92, 62, 0, 11
HSL	220.7°, 84.6, 48.2	`hsl(220.7,84.6%,48.2%)`
HSV (or HSB)	220.7°, 91.6, 89
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.749, 35.304, -76.376
XYZ	17.459, 12.339, 74.13
xyY	0.168, 0.119, 12.339
CIE-LCH	41.749, 84.141, 294.808
CIE-LUV	41.749, -18.18, -112.35
Hunter-Lab	35.126, 27.247, -100.536
Binary	00010011, 01010110, 11100011

#1356e3
```
#1356e3 rgb(19,86,227)
```
#e3a013
```
#e3a013 rgb(227,160,19)
```

Complementary Color

#13bee3
```
#13bee3 rgb(19,190,227)
```
#1356e3
```
#1356e3 rgb(19,86,227)
```
#3813e3
```
#3813e3 rgb(56,19,227)
```

Analogous Color

#bee313
```
#bee313 rgb(190,227,19)
```
#1356e3
```
#1356e3 rgb(19,86,227)
```
#e33813
```
#e33813 rgb(227,56,19)
```

Split Complementary Color

#56e313
```
#56e313 rgb(86,227,19)
```
#1356e3
```
#1356e3 rgb(19,86,227)
```
#e31356
```
#e31356 rgb(227,19,86)
```

Triadic Color

#13e3a0
```
#13e3a0 rgb(19,227,160)
```
#1356e3
```
#1356e3 rgb(19,86,227)
```
#e31356
```
#e31356 rgb(227,19,86)
```
#e3a013
```
#e3a013 rgb(227,160,19)
```

Tetradic Color

#0d3b9c
```
#0d3b9c rgb(13,59,156)
```
#0f44b4
```
#0f44b4 rgb(15,68,180)
```
#114dcb
```
#114dcb rgb(17,77,203)
```
#1356e3
```
#1356e3 rgb(19,86,227)
```
#2364ed
```
#2364ed rgb(35,100,237)
```
#3a74ef
```
#3a74ef rgb(58,116,239)
```
#5285f1
```
#5285f1 rgb(82,133,241)
```

Monochromatic Color

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

#138ae3
```
#138ae3 rgb(19,138,227)
```
#1379e3
```
#1379e3 rgb(19,121,227)
```
#1367e3
```
#1367e3 rgb(19,103,227)
```
#1356e3
```
#1356e3 rgb(19,86,227)
```
#1345e3
```
#1345e3 rgb(19,69,227)
```
#1333e3
```
#1333e3 rgb(19,51,227)
```
#1322e3
```
#1322e3 rgb(19,34,227)
```

Similar Colors

Text with hexadecimal color #1356e3

This text has a font color of #1356e3.

<span style="color:#1356e3;">Text here</span>

#1356e3 background color

This paragraph has a background color of #1356e3.

<p style="background-color:#1356e3;">Content here</p>

#1356e3 border color

This element has a border color of #1356e3.

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

CSS codes

.text {color:#1356e3;}

.background {background-color:#1356e3;}

.border {border:1px solid #1356e3;}

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

#01040a
```
#01040a rgb(1,4,10)
```
#020b1c
```
#020b1c rgb(2,11,28)
```
#04112e
```
#04112e rgb(4,17,46)
```
#051840
```
#051840 rgb(5,24,64)
```
#071f52
```
#071f52 rgb(7,31,82)
```
#082664
```
#082664 rgb(8,38,100)
```
#0a2d76
```
#0a2d76 rgb(10,45,118)
```
#0b3488
```
#0b3488 rgb(11,52,136)
```
#0d3b9b
```
#0d3b9b rgb(13,59,155)
```
#0e41ad
```
#0e41ad rgb(14,65,173)
```
#1048bf
```
#1048bf rgb(16,72,191)
```
#114fd1
```
#114fd1 rgb(17,79,209)
```
#1356e3
```
#1356e3 rgb(19,86,227)
```

Shade Color Variation

#1d60ec
```
#1d60ec rgb(29,96,236)
```
#306dee
```
#306dee rgb(48,109,238)
```
#427aef
```
#427aef rgb(66,122,239)
```
#5486f1
```
#5486f1 rgb(84,134,241)
```
#6693f2
```
#6693f2 rgb(102,147,242)
```
#78a0f4
```
#78a0f4 rgb(120,160,244)
```
#8aadf5
```
#8aadf5 rgb(138,173,245)
```
#9cb9f7
```
#9cb9f7 rgb(156,185,247)
```
#aec6f8
```
#aec6f8 rgb(174,198,248)
```
#c0d3fa
```
#c0d3fa rgb(192,211,250)
```
#d2e0fb
```
#d2e0fb rgb(210,224,251)
```
#e5ecfd
```
#e5ecfd rgb(229,236,253)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#727884
```
#727884 rgb(114,120,132)
```
#68748e
```
#68748e rgb(104,116,142)
```
#5f7197
```
#5f7197 rgb(95,113,151)
```
#556ea1
```
#556ea1 rgb(85,110,161)
```
#4c6aaa
```
#4c6aaa rgb(76,106,170)
```
#4267b4
```
#4267b4 rgb(66,103,180)
```
#3963bd
```
#3963bd rgb(57,99,189)
```
#2f60c7
```
#2f60c7 rgb(47,96,199)
```
#265dd0
```
#265dd0 rgb(38,93,208)
```
#1c59da
```
#1c59da rgb(28,89,218)
```
#1356e3
```
#1356e3 rgb(19,86,227)
```
#0a53ec
```
#0a53ec rgb(10,83,236)
```
#004ff6
```
#004ff6 rgb(0,79,246)
```

Tone Color Variation

Below, you can see how #1356e3 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

#525252 Achromatopsia 0.005% of the population
#45536f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0661d3 Protanomaly 1% of men, 0.01% of women
#0664c2 Deuteranomaly 6% of men, 0.4% of women
#0669a0 Tritanomaly 0.01% of the population

#1356e3 hex color

#1356e3 Color Information

#1356e3 Color Conversion

Color Schemes with #1356e3

Alternatives to #1356e3

#1356e3 Preview

Shades and Tints of #1356e3

Tones of #1356e3

Color Blindness Simulator