#1236c4 hex color

In a RGB color space, hex #1236c4 is composed of 7.1% red, 21.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 90.8% cyan, 72.4% magenta, 0% yellow and 23.1% black. It has a hue angle of 227.9 degrees, a saturation of 83.2% and a lightness of 42%. #1236c4 color hex could be obtained by blending #246cff with #000089. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 21
- B 77
RGB color chart
- C 91
- M 72
- Y 0
- K 23
CMYK color chart

● #1236c4 color description : Strong blue.

The hexadecimal color #1236c4 has RGB values of R:18, G:54, B:196 and CMYK values of C:0.91, M:0.72, Y:0, K:0.23. Its decimal value is 1193668.

Hex triplet	1236c4	`#1236c4`
RGB Decimal	18, 54, 196	`rgb(18,54,196)`
RGB Percent	7.1, 21.2, 76.9	`rgb(7.1%,21.2%,76.9%)`
CMYK	91, 72, 0, 23
HSL	227.9°, 83.2, 42	`hsl(227.9,83.2%,42%)`
HSV (or HSB)	227.9°, 90.8, 76.9
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.234, 43.92, -75.806
XYZ	11.53, 6.752, 52.917
xyY	0.162, 0.095, 6.752
CIE-LCH	31.234, 87.61, 300.087
CIE-LUV	31.234, -11.368, -99.308
Hunter-Lab	25.984, 33.739, -102.558
Binary	00010010, 00110110, 11000100

#1236c4
```
#1236c4 rgb(18,54,196)
```
#c4a012
```
#c4a012 rgb(196,160,18)
```

Complementary Color

#128fc4
```
#128fc4 rgb(18,143,196)
```
#1236c4
```
#1236c4 rgb(18,54,196)
```
#4712c4
```
#4712c4 rgb(71,18,196)
```

Analogous Color

#8fc412
```
#8fc412 rgb(143,196,18)
```
#1236c4
```
#1236c4 rgb(18,54,196)
```
#c44712
```
#c44712 rgb(196,71,18)
```

Split Complementary Color

#36c412
```
#36c412 rgb(54,196,18)
```
#1236c4
```
#1236c4 rgb(18,54,196)
```
#c41236
```
#c41236 rgb(196,18,54)
```

Triadic Color

#12c4a0
```
#12c4a0 rgb(18,196,160)
```
#1236c4
```
#1236c4 rgb(18,54,196)
```
#c41236
```
#c41236 rgb(196,18,54)
```
#c4a012
```
#c4a012 rgb(196,160,18)
```

Tetradic Color

#0c237e
```
#0c237e rgb(12,35,126)
```
#0e2995
```
#0e2995 rgb(14,41,149)
```
#1030ad
```
#1030ad rgb(16,48,173)
```
#1236c4
```
#1236c4 rgb(18,54,196)
```
#143cdb
```
#143cdb rgb(20,60,219)
```
#1f48ea
```
#1f48ea rgb(31,72,234)
```
#365bed
```
#365bed rgb(54,91,237)
```

Monochromatic Color

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

#1263c4
```
#1263c4 rgb(18,99,196)
```
#1254c4
```
#1254c4 rgb(18,84,196)
```
#1245c4
```
#1245c4 rgb(18,69,196)
```
#1236c4
```
#1236c4 rgb(18,54,196)
```
#1227c4
```
#1227c4 rgb(18,39,196)
```
#1218c4
```
#1218c4 rgb(18,24,196)
```
#1a12c4
```
#1a12c4 rgb(26,18,196)
```

Similar Colors

Text with hexadecimal color #1236c4

This text has a font color of #1236c4.

<span style="color:#1236c4;">Text here</span>

#1236c4 background color

This paragraph has a background color of #1236c4.

<p style="background-color:#1236c4;">Content here</p>

#1236c4 border color

This element has a border color of #1236c4.

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

CSS codes

.text {color:#1236c4;}

.background {background-color:#1236c4;}

.border {border:1px solid #1236c4;}

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

#020510
```
#020510 rgb(2,5,16)
```
#030922
```
#030922 rgb(3,9,34)
```
#050e34
```
#050e34 rgb(5,14,52)
```
#061346
```
#061346 rgb(6,19,70)
```
#081858
```
#081858 rgb(8,24,88)
```
#0a1d6a
```
#0a1d6a rgb(10,29,106)
```
#0b227c
```
#0b227c rgb(11,34,124)
```
#0d278e
```
#0d278e rgb(13,39,142)
```
#0f2ca0
```
#0f2ca0 rgb(15,44,160)
```
#1031b2
```
#1031b2 rgb(16,49,178)
```
#1236c4
```
#1236c4 rgb(18,54,196)
```
#143bd6
```
#143bd6 rgb(20,59,214)
```
#1540e8
```
#1540e8 rgb(21,64,232)
```

Shade Color Variation

#264eeb
```
#264eeb rgb(38,78,235)
```
#385ced
```
#385ced rgb(56,92,237)
```
#4a6bee
```
#4a6bee rgb(74,107,238)
```
#5c7af0
```
#5c7af0 rgb(92,122,240)
```
#6e88f2
```
#6e88f2 rgb(110,136,242)
```
#8097f3
```
#8097f3 rgb(128,151,243)
```
#92a6f5
```
#92a6f5 rgb(146,166,245)
```
#a4b4f7
```
#a4b4f7 rgb(164,180,247)
```
#b6c3f8
```
#b6c3f8 rgb(182,195,248)
```
#c7d2fa
```
#c7d2fa rgb(199,210,250)
```
#d9e0fc
```
#d9e0fc rgb(217,224,252)
```
#ebeffd
```
#ebeffd rgb(235,239,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#646772
```
#646772 rgb(100,103,114)
```
#5c627a
```
#5c627a rgb(92,98,122)
```
#545d82
```
#545d82 rgb(84,93,130)
```
#4c588a
```
#4c588a rgb(76,88,138)
```
#435393
```
#435393 rgb(67,83,147)
```
#3b4f9b
```
#3b4f9b rgb(59,79,155)
```
#334aa3
```
#334aa3 rgb(51,74,163)
```
#2b45ab
```
#2b45ab rgb(43,69,171)
```
#2240b4
```
#2240b4 rgb(34,64,180)
```
#1a3bbc
```
#1a3bbc rgb(26,59,188)
```
#1236c4
```
#1236c4 rgb(18,54,196)
```
#0a31cc
```
#0a31cc rgb(10,49,204)
```
#022cd4
```
#022cd4 rgb(2,44,212)
```

Tone Color Variation

Below, you can see how #1236c4 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

#3b3b3b Achromatopsia 0.005% of the population
#333a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0646aa Protanomaly 1% of men, 0.01% of women
#06499d Deuteranomaly 6% of men, 0.4% of women
#064d83 Tritanomaly 0.01% of the population

#1236c4 hex color

#1236c4 Color Information

#1236c4 Color Conversion

Color Schemes with #1236c4

Alternatives to #1236c4

#1236c4 Preview

Shades and Tints of #1236c4

Tones of #1236c4

Color Blindness Simulator