#1336ff hex color

In a RGB color space, hex #1336ff is composed of 7.5% red, 21.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 78.8% magenta, 0% yellow and 0% black. It has a hue angle of 231.1 degrees, a saturation of 100% and a lightness of 53.7%. #1336ff color hex could be obtained by blending #266cff with #0000ff. Closest websafe color is: #0033ff.

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

● #1336ff color description : Vivid blue.

The hexadecimal color #1336ff has RGB values of R:19, G:54, B:255 and CMYK values of C:0.93, M:0.79, Y:0, K:0. Its decimal value is 1259263.

Hex triplet	1336ff	`#1336ff`
RGB Decimal	19, 54, 255	`rgb(19,54,255)`
RGB Percent	7.5, 21.2, 100	`rgb(7.5%,21.2%,100%)`
CMYK	93, 79, 0, 0
HSL	231.1°, 100, 53.7	`hsl(231.1,100%,53.7%)`
HSV (or HSB)	231.1°, 92.5, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	37.834, 63.528, -98.626
XYZ	19.634, 9.995, 95.497
xyY	0.157, 0.08, 9.995
CIE-LCH	37.834, 117.315, 302.787
CIE-LUV	37.834, -12.606, -133.33
Hunter-Lab	31.615, 55.528, -156.96
Binary	00010011, 00110110, 11111111

#1336ff
```
#1336ff rgb(19,54,255)
```
#ffdc13
```
#ffdc13 rgb(255,220,19)
```

Complementary Color

#13acff
```
#13acff rgb(19,172,255)
```
#1336ff
```
#1336ff rgb(19,54,255)
```
#6613ff
```
#6613ff rgb(102,19,255)
```

Analogous Color

#acff13
```
#acff13 rgb(172,255,19)
```
#1336ff
```
#1336ff rgb(19,54,255)
```
#ff6613
```
#ff6613 rgb(255,102,19)
```

Split Complementary Color

#36ff13
```
#36ff13 rgb(54,255,19)
```
#1336ff
```
#1336ff rgb(19,54,255)
```
#ff1336
```
#ff1336 rgb(255,19,54)
```

Triadic Color

#13ffdc
```
#13ffdc rgb(19,255,220)
```
#1336ff
```
#1336ff rgb(19,54,255)
```
#ff1336
```
#ff1336 rgb(255,19,54)
```
#ffdc13
```
#ffdc13 rgb(255,220,19)
```

Tetradic Color

#001dc6
```
#001dc6 rgb(0,29,198)
```
#0021df
```
#0021df rgb(0,33,223)
```
#0025f9
```
#0025f9 rgb(0,37,249)
```
#1336ff
```
#1336ff rgb(19,54,255)
```
#2d4cff
```
#2d4cff rgb(45,76,255)
```
#4661ff
```
#4661ff rgb(70,97,255)
```
#6077ff
```
#6077ff rgb(96,119,255)
```

Monochromatic Color

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

#1371ff
```
#1371ff rgb(19,113,255)
```
#135dff
```
#135dff rgb(19,93,255)
```
#134aff
```
#134aff rgb(19,74,255)
```
#1336ff
```
#1336ff rgb(19,54,255)
```
#1322ff
```
#1322ff rgb(19,34,255)
```
#1713ff
```
#1713ff rgb(23,19,255)
```
#2b13ff
```
#2b13ff rgb(43,19,255)
```

Similar Colors

Text with hexadecimal color #1336ff

This text has a font color of #1336ff.

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

#1336ff background color

This paragraph has a background color of #1336ff.

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

#1336ff border color

This element has a border color of #1336ff.

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

CSS codes

.text {color:#1336ff;}

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

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

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

#000313
```
#000313 rgb(0,3,19)
```
#000627
```
#000627 rgb(0,6,39)
```
#00093a
```
#00093a rgb(0,9,58)
```
#000c4e
```
#000c4e rgb(0,12,78)
```
#000e61
```
#000e61 rgb(0,14,97)
```
#001175
```
#001175 rgb(0,17,117)
```
#001489
```
#001489 rgb(0,20,137)
```
#00179c
```
#00179c rgb(0,23,156)
```
#001ab0
```
#001ab0 rgb(0,26,176)
```
#001dc4
```
#001dc4 rgb(0,29,196)
```
#0020d7
```
#0020d7 rgb(0,32,215)
```
#0023eb
```
#0023eb rgb(0,35,235)
```
#0026fe
```
#0026fe rgb(0,38,254)
```

Shade Color Variation

#1336ff
```
#1336ff rgb(19,54,255)
```
#2747ff
```
#2747ff rgb(39,71,255)
```
#3a57ff
```
#3a57ff rgb(58,87,255)
```
#4e68ff
```
#4e68ff rgb(78,104,255)
```
#6179ff
```
#6179ff rgb(97,121,255)
```
#758aff
```
#758aff rgb(117,138,255)
```
#899aff
```
#899aff rgb(137,154,255)
```
#9cabff
```
#9cabff rgb(156,171,255)
```
#b0bcff
```
#b0bcff rgb(176,188,255)
```
#c4ccff
```
#c4ccff rgb(196,204,255)
```
#d7ddff
```
#d7ddff rgb(215,221,255)
```
#ebeeff
```
#ebeeff rgb(235,238,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#808392
```
#808392 rgb(128,131,146)
```
#777c9b
```
#777c9b rgb(119,124,155)
```
#6e76a4
```
#6e76a4 rgb(110,118,164)
```
#656fad
```
#656fad rgb(101,111,173)
```
#5c69b6
```
#5c69b6 rgb(92,105,182)
```
#5363bf
```
#5363bf rgb(83,99,191)
```
#495cc9
```
#495cc9 rgb(73,92,201)
```
#4056d2
```
#4056d2 rgb(64,86,210)
```
#3750db
```
#3750db rgb(55,80,219)
```
#2e49e4
```
#2e49e4 rgb(46,73,228)
```
#2543ed
```
#2543ed rgb(37,67,237)
```
#1c3cf6
```
#1c3cf6 rgb(28,60,246)
```
#1336ff
```
#1336ff rgb(19,54,255)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#394068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b6f Tritanopia 0.001% of the population

Trichromacy

#0650d1 Protanomaly 1% of men, 0.01% of women
#0653c1 Deuteranomaly 6% of men, 0.4% of women
#0658a3 Tritanomaly 0.01% of the population

#1336ff hex color

#1336ff Color Information

#1336ff Color Conversion

Color Schemes with #1336ff

Alternatives to #1336ff

#1336ff Preview

Shades and Tints of #1336ff

Tones of #1336ff

Color Blindness Simulator