#1357ff hex color

In a RGB color space, hex #1357ff is composed of 7.5% red, 34.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 65.9% magenta, 0% yellow and 0% black. It has a hue angle of 222.7 degrees, a saturation of 100% and a lightness of 53.7%. #1357ff color hex could be obtained by blending #26aeff with #0000ff. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 7
- G 34
- B 100
RGB color chart
- C 93
- M 66
- Y 0
- K 0
CMYK color chart

● #1357ff color description : Vivid blue.

The hexadecimal color #1357ff has RGB values of R:19, G:87, B:255 and CMYK values of C:0.93, M:0.66, Y:0, K:0. Its decimal value is 1267711.

Hex triplet	1357ff	`#1357ff`
RGB Decimal	19, 87, 255	`rgb(19,87,255)`
RGB Percent	7.5, 34.1, 100	`rgb(7.5%,34.1%,100%)`
CMYK	93, 66, 0, 0
HSL	222.7°, 100, 53.7	`hsl(222.7,100%,53.7%)`
HSV (or HSB)	222.7°, 92.5, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.48, 45.011, -87.631
XYZ	21.723, 14.173, 96.193
xyY	0.164, 0.107, 14.173
CIE-LCH	44.48, 98.515, 297.187
CIE-LUV	44.48, -18.311, -129.753
Hunter-Lab	37.647, 37.115, -125.14
Binary	00010011, 01010111, 11111111

#1357ff
```
#1357ff rgb(19,87,255)
```
#ffbb13
```
#ffbb13 rgb(255,187,19)
```

Complementary Color

#13cdff
```
#13cdff rgb(19,205,255)
```
#1357ff
```
#1357ff rgb(19,87,255)
```
#4513ff
```
#4513ff rgb(69,19,255)
```

Analogous Color

#cdff13
```
#cdff13 rgb(205,255,19)
```
#1357ff
```
#1357ff rgb(19,87,255)
```
#ff4513
```
#ff4513 rgb(255,69,19)
```

Split Complementary Color

#57ff13
```
#57ff13 rgb(87,255,19)
```
#1357ff
```
#1357ff rgb(19,87,255)
```
#ff1357
```
#ff1357 rgb(255,19,87)
```

Triadic Color

#13ffbb
```
#13ffbb rgb(19,255,187)
```
#1357ff
```
#1357ff rgb(19,87,255)
```
#ff1357
```
#ff1357 rgb(255,19,87)
```
#ffbb13
```
#ffbb13 rgb(255,187,19)
```

Tetradic Color

#0039c6
```
#0039c6 rgb(0,57,198)
```
#0040df
```
#0040df rgb(0,64,223)
```
#0048f9
```
#0048f9 rgb(0,72,249)
```
#1357ff
```
#1357ff rgb(19,87,255)
```
#2d69ff
```
#2d69ff rgb(45,105,255)
```
#467bff
```
#467bff rgb(70,123,255)
```
#608dff
```
#608dff rgb(96,141,255)
```

Monochromatic Color

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

#1392ff
```
#1392ff rgb(19,146,255)
```
#137eff
```
#137eff rgb(19,126,255)
```
#136bff
```
#136bff rgb(19,107,255)
```
#1357ff
```
#1357ff rgb(19,87,255)
```
#1343ff
```
#1343ff rgb(19,67,255)
```
#1330ff
```
#1330ff rgb(19,48,255)
```
#131cff
```
#131cff rgb(19,28,255)
```

Similar Colors

Text with hexadecimal color #1357ff

This text has a font color of #1357ff.

<span style="color:#1357ff;">Text here</span>

#1357ff background color

This paragraph has a background color of #1357ff.

<p style="background-color:#1357ff;">Content here</p>

#1357ff border color

This element has a border color of #1357ff.

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

CSS codes

.text {color:#1357ff;}

.background {background-color:#1357ff;}

.border {border:1px solid #1357ff;}

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

#000513
```
#000513 rgb(0,5,19)
```
#000b27
```
#000b27 rgb(0,11,39)
```
#00113a
```
#00113a rgb(0,17,58)
```
#00164e
```
#00164e rgb(0,22,78)
```
#001c61
```
#001c61 rgb(0,28,97)
```
#002275
```
#002275 rgb(0,34,117)
```
#002789
```
#002789 rgb(0,39,137)
```
#002d9c
```
#002d9c rgb(0,45,156)
```
#0033b0
```
#0033b0 rgb(0,51,176)
```
#0038c4
```
#0038c4 rgb(0,56,196)
```
#003ed7
```
#003ed7 rgb(0,62,215)
```
#0044eb
```
#0044eb rgb(0,68,235)
```
#0049fe
```
#0049fe rgb(0,73,254)
```

Shade Color Variation

#1357ff
```
#1357ff rgb(19,87,255)
```
#2765ff
```
#2765ff rgb(39,101,255)
```
#3a73ff
```
#3a73ff rgb(58,115,255)
```
#4e81ff
```
#4e81ff rgb(78,129,255)
```
#618fff
```
#618fff rgb(97,143,255)
```
#759dff
```
#759dff rgb(117,157,255)
```
#89abff
```
#89abff rgb(137,171,255)
```
#9cb9ff
```
#9cb9ff rgb(156,185,255)
```
#b0c7ff
```
#b0c7ff rgb(176,199,255)
```
#c4d5ff
```
#c4d5ff rgb(196,213,255)
```
#d7e3ff
```
#d7e3ff rgb(215,227,255)
```
#ebf1ff
```
#ebf1ff rgb(235,241,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#808592
```
#808592 rgb(128,133,146)
```
#77819b
```
#77819b rgb(119,129,155)
```
#6e7da4
```
#6e7da4 rgb(110,125,164)
```
#657aad
```
#657aad rgb(101,122,173)
```
#5c76b6
```
#5c76b6 rgb(92,118,182)
```
#5372bf
```
#5372bf rgb(83,114,191)
```
#496ec9
```
#496ec9 rgb(73,110,201)
```
#406ad2
```
#406ad2 rgb(64,106,210)
```
#3766db
```
#3766db rgb(55,102,219)
```
#2e63e4
```
#2e63e4 rgb(46,99,228)
```
#255fed
```
#255fed rgb(37,95,237)
```
#1c5bf6
```
#1c5bf6 rgb(28,91,246)
```
#1357ff
```
#1357ff rgb(19,87,255)
```

Tone Color Variation

Below, you can see how #1357ff 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

#565656 Achromatopsia 0.005% of the population
#495678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0074b9 Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0665e4 Protanomaly 1% of men, 0.01% of women
#0669d2 Deuteranomaly 6% of men, 0.4% of women
#066eaf Tritanomaly 0.01% of the population

#1357ff hex color

#1357ff Color Information

#1357ff Color Conversion

Color Schemes with #1357ff

Alternatives to #1357ff

#1357ff Preview

Shades and Tints of #1357ff

Tones of #1357ff

Color Blindness Simulator