colorhexa.com

#1236cc hex color

In a RGB color space, hex #1236cc is composed of 7.1% red, 21.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 73.5% magenta, 0% yellow and 20% black. It has a hue angle of 228.4 degrees, a saturation of 83.8% and a lightness of 43.5%. #1236cc color hex could be obtained by blending #246cff with #000099. Closest websafe color is: #0033cc.

- R 7
- G 21
- B 80
RGB color chart
- C 91
- M 74
- Y 0
- K 20
CMYK color chart

● #1236cc color description : Strong blue.

The hexadecimal color #1236cc has RGB values of R:18, G:54, B:204 and CMYK values of C:0.91, M:0.74, Y:0, K:0.2. Its decimal value is 1193676.

Hex triplet	1236cc	`#1236cc`
RGB Decimal	18, 54, 204	`rgb(18,54,204)`
RGB Percent	7.1, 21.2, 80	`rgb(7.1%,21.2%,80%)`
CMYK	91, 74, 0, 20
HSL	228.4°, 83.8, 43.5	`hsl(228.4,83.8%,43.5%)`
HSV (or HSB)	228.4°, 91.2, 80
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.091, 46.746, -79.063
XYZ	12.465, 7.126, 57.842
xyY	0.161, 0.092, 7.126
CIE-LCH	32.091, 91.848, 300.594
CIE-LUV	32.091, -11.51, -104.032
Hunter-Lab	26.694, 36.642, -109.788
Binary	00010010, 00110110, 11001100

#1236cc
```
#1236cc rgb(18,54,204)
```
#cca812
```
#cca812 rgb(204,168,18)
```

Complementary Color

#1293cc
```
#1293cc rgb(18,147,204)
```
#1236cc
```
#1236cc rgb(18,54,204)
```
#4b12cc
```
#4b12cc rgb(75,18,204)
```

Analogous Color

#93cc12
```
#93cc12 rgb(147,204,18)
```
#1236cc
```
#1236cc rgb(18,54,204)
```
#cc4b12
```
#cc4b12 rgb(204,75,18)
```

Split Complementary Color

#36cc12
```
#36cc12 rgb(54,204,18)
```
#1236cc
```
#1236cc rgb(18,54,204)
```
#cc1236
```
#cc1236 rgb(204,18,54)
```

Triadic Color

#12cca8
```
#12cca8 rgb(18,204,168)
```
#1236cc
```
#1236cc rgb(18,54,204)
```
#cc1236
```
#cc1236 rgb(204,18,54)
```
#cca812
```
#cca812 rgb(204,168,18)
```

Tetradic Color

#0c2386
```
#0c2386 rgb(12,35,134)
```
#0e2a9d
```
#0e2a9d rgb(14,42,157)
```
#1030b5
```
#1030b5 rgb(16,48,181)
```
#1236cc
```
#1236cc rgb(18,54,204)
```
#143ce3
```
#143ce3 rgb(20,60,227)
```
#254cec
```
#254cec rgb(37,76,236)
```
#3d5fee
```
#3d5fee rgb(61,95,238)
```

Monochromatic Color

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

#1265cc
```
#1265cc rgb(18,101,204)
```
#1255cc
```
#1255cc rgb(18,85,204)
```
#1246cc
```
#1246cc rgb(18,70,204)
```
#1236cc
```
#1236cc rgb(18,54,204)
```
#1227cc
```
#1227cc rgb(18,39,204)
```
#1217cc
```
#1217cc rgb(18,23,204)
```
#1d12cc
```
#1d12cc rgb(29,18,204)
```

Similar Colors

Text with hexadecimal color #1236cc

This text has a font color of #1236cc.

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

#1236cc background color

This paragraph has a background color of #1236cc.

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

#1236cc border color

This element has a border color of #1236cc.

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

CSS codes

.text {color:#1236cc;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#020618
```
#020618 rgb(2,6,24)
```
#040b2a
```
#040b2a rgb(4,11,42)
```
#05103c
```
#05103c rgb(5,16,60)
```
#07154e
```
#07154e rgb(7,21,78)
```
#081960
```
#081960 rgb(8,25,96)
```
#0a1e72
```
#0a1e72 rgb(10,30,114)
```
#0c2384
```
#0c2384 rgb(12,35,132)
```
#0d2896
```
#0d2896 rgb(13,40,150)
```
#0f2ca8
```
#0f2ca8 rgb(15,44,168)
```
#1031ba
```
#1031ba rgb(16,49,186)
```
#1236cc
```
#1236cc rgb(18,54,204)
```
#143bde
```
#143bde rgb(20,59,222)
```

Shade Color Variation

#1a43eb
```
#1a43eb rgb(26,67,235)
```
#2c52ec
```
#2c52ec rgb(44,82,236)
```
#3e60ee
```
#3e60ee rgb(62,96,238)
```
#506ff0
```
#506ff0 rgb(80,111,240)
```
#637ef1
```
#637ef1 rgb(99,126,241)
```
#758df3
```
#758df3 rgb(117,141,243)
```
#879cf4
```
#879cf4 rgb(135,156,244)
```
#99abf6
```
#99abf6 rgb(153,171,246)
```
#abb9f8
```
#abb9f8 rgb(171,185,248)
```
#bdc8f9
```
#bdc8f9 rgb(189,200,249)
```
#cfd7fb
```
#cfd7fb rgb(207,215,251)
```
#e1e6fc
```
#e1e6fc rgb(225,230,252)
```
#f3f5fe
```
#f3f5fe rgb(243,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676a77 is the less saturated color, while #012cdd is the most saturated one.

#676a77
```
#676a77 rgb(103,106,119)
```
#5f657f
```
#5f657f rgb(95,101,127)
```
#566088
```
#566088 rgb(86,96,136)
```
#4e5b90
```
#4e5b90 rgb(78,91,144)
```
#455599
```
#455599 rgb(69,85,153)
```
#3d50a1
```
#3d50a1 rgb(61,80,161)
```
#344baa
```
#344baa rgb(52,75,170)
```
#2c46b2
```
#2c46b2 rgb(44,70,178)
```
#2340bb
```
#2340bb rgb(35,64,187)
```
#1b3bc3
```
#1b3bc3 rgb(27,59,195)
```
#1236cc
```
#1236cc rgb(18,54,204)
```
#0931d5
```
#0931d5 rgb(9,49,213)
```
#012cdd
```
#012cdd rgb(1,44,221)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#343b59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0648b0 Protanomaly 1% of men, 0.01% of women
#064ba2 Deuteranomaly 6% of men, 0.4% of women
#064f88 Tritanomaly 0.01% of the population