colorhexa.com

#1396c2 hex color

In a RGB color space, hex #1396c2 is composed of 7.5% red, 58.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 22.7% magenta, 0% yellow and 23.9% black. It has a hue angle of 195.1 degrees, a saturation of 82.2% and a lightness of 41.8%. #1396c2 color hex could be obtained by blending #26ffff with #002d85. Closest websafe color is: #0099cc.

- R 7
- G 59
- B 76
RGB color chart
- C 90
- M 23
- Y 0
- K 24
CMYK color chart

● #1396c2 color description : Strong blue.

The hexadecimal color #1396c2 has RGB values of R:19, G:150, B:194 and CMYK values of C:0.9, M:0.23, Y:0, K:0.24. Its decimal value is 1283778.

Hex triplet	1396c2	`#1396c2`
RGB Decimal	19, 150, 194	`rgb(19,150,194)`
RGB Percent	7.5, 58.8, 76.1	`rgb(7.5%,58.8%,76.1%)`
CMYK	90, 23, 0, 24
HSL	195.1°, 82.2, 41.8	`hsl(195.1,82.2%,41.8%)`
HSV (or HSB)	195.1°, 90.2, 76.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	57.889, -16.648, -31.812
XYZ	20.91, 25.844, 54.922
xyY	0.206, 0.254, 25.844
CIE-LCH	57.889, 35.904, 242.376
CIE-LUV	57.889, -39.101, -47.146
Hunter-Lab	50.837, -15.546, -28.468
Binary	00010011, 10010110, 11000010

#1396c2
```
#1396c2 rgb(19,150,194)
```
#c23f13
```
#c23f13 rgb(194,63,19)
```

Complementary Color

#13c297
```
#13c297 rgb(19,194,151)
```
#1396c2
```
#1396c2 rgb(19,150,194)
```
#133ec2
```
#133ec2 rgb(19,62,194)
```

Analogous Color

#c29713
```
#c29713 rgb(194,151,19)
```
#1396c2
```
#1396c2 rgb(19,150,194)
```
#c2133e
```
#c2133e rgb(194,19,62)
```

Split Complementary Color

#96c213
```
#96c213 rgb(150,194,19)
```
#1396c2
```
#1396c2 rgb(19,150,194)
```
#c21396
```
#c21396 rgb(194,19,150)
```

Triadic Color

#13c23f
```
#13c23f rgb(19,194,63)
```
#1396c2
```
#1396c2 rgb(19,150,194)
```
#c21396
```
#c21396 rgb(194,19,150)
```
#c23f13
```
#c23f13 rgb(194,63,19)
```

Tetradic Color

#0c607c
```
#0c607c rgb(12,96,124)
```
#0e7294
```
#0e7294 rgb(14,114,148)
```
#1184ab
```
#1184ab rgb(17,132,171)
```
#1396c2
```
#1396c2 rgb(19,150,194)
```
#15a8d9
```
#15a8d9 rgb(21,168,217)
```
#1fb6e9
```
#1fb6e9 rgb(31,182,233)
```
#36beeb
```
#36beeb rgb(54,190,235)
```

Monochromatic Color

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

#13c2c2
```
#13c2c2 rgb(19,194,194)
```
#13b3c2
```
#13b3c2 rgb(19,179,194)
```
#13a5c2
```
#13a5c2 rgb(19,165,194)
```
#1396c2
```
#1396c2 rgb(19,150,194)
```
#1387c2
```
#1387c2 rgb(19,135,194)
```
#1379c2
```
#1379c2 rgb(19,121,194)
```
#136ac2
```
#136ac2 rgb(19,106,194)
```

Similar Colors

Text with hexadecimal color #1396c2

This text has a font color of #1396c2.

<span style="color:#1396c2;">Text here</span>

#1396c2 background color

This paragraph has a background color of #1396c2.

<p style="background-color:#1396c2;">Content here</p>

#1396c2 border color

This element has a border color of #1396c2.

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

CSS codes

.text {color:#1396c2;}

.background {background-color:#1396c2;}

.border {border:1px solid #1396c2;}

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, #020c0f is the darkest color, while #fcfeff is the lightest one.

#020c0f
```
#020c0f rgb(2,12,15)
```
#031a21
```
#031a21 rgb(3,26,33)
```
#052733
```
#052733 rgb(5,39,51)
```
#073545
```
#073545 rgb(7,53,69)
```
#094357
```
#094357 rgb(9,67,87)
```
#0a5169
```
#0a5169 rgb(10,81,105)
```
#0c5f7b
```
#0c5f7b rgb(12,95,123)
```
#0e6d8c
```
#0e6d8c rgb(14,109,140)
```
#107a9e
```
#107a9e rgb(16,122,158)
```
#1188b0
```
#1188b0 rgb(17,136,176)
```
#1396c2
```
#1396c2 rgb(19,150,194)
```
#15a4d4
```
#15a4d4 rgb(21,164,212)
```
#16b2e6
```
#16b2e6 rgb(22,178,230)
```

Shade Color Variation

#26b9ea
```
#26b9ea rgb(38,185,234)
```
#38beec
```
#38beec rgb(56,190,236)
```
#4ac4ed
```
#4ac4ed rgb(74,196,237)
```
#5ccaef
```
#5ccaef rgb(92,202,239)
```
#6ed0f1
```
#6ed0f1 rgb(110,208,241)
```
#7fd6f3
```
#7fd6f3 rgb(127,214,243)
```
#91dbf4
```
#91dbf4 rgb(145,219,244)
```
#a3e1f6
```
#a3e1f6 rgb(163,225,246)
```
#b5e7f8
```
#b5e7f8 rgb(181,231,248)
```
#c7edfa
```
#c7edfa rgb(199,237,250)
```
#d9f3fb
```
#d9f3fb rgb(217,243,251)
```
#ebf8fd
```
#ebf8fd rgb(235,248,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656d70 is the less saturated color, while #039ed2 is the most saturated one.

#656d70
```
#656d70 rgb(101,109,112)
```
#5d7178
```
#5d7178 rgb(93,113,120)
```
#557580
```
#557580 rgb(85,117,128)
```
#4c7989
```
#4c7989 rgb(76,121,137)
```
#447e91
```
#447e91 rgb(68,126,145)
```
#3c8299
```
#3c8299 rgb(60,130,153)
```
#3486a1
```
#3486a1 rgb(52,134,161)
```
#2c8aa9
```
#2c8aa9 rgb(44,138,169)
```
#238eb2
```
#238eb2 rgb(35,142,178)
```
#1b92ba
```
#1b92ba rgb(27,146,186)
```
#1396c2
```
#1396c2 rgb(19,150,194)
```
#0b9aca
```
#0b9aca rgb(11,154,202)
```
#039ed2
```
#039ed2 rgb(3,158,210)
```

Tone Color Variation

Below, you can see how #1396c2 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

#747474 Achromatopsia 0.005% of the population
#617b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838fbc Protanopia 1% of men
#7990c9 Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#5a91be Protanomaly 1% of men, 0.01% of women
#5492c6 Deuteranomaly 6% of men, 0.4% of women
#069bb2 Tritanomaly 0.01% of the population