#1236ba hex color

In a RGB color space, hex #1236ba is composed of 7.1% red, 21.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 71% magenta, 0% yellow and 27.1% black. It has a hue angle of 227.1 degrees, a saturation of 82.4% and a lightness of 40%. #1236ba color hex could be obtained by blending #246cff with #000075. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 21
- B 73
RGB color chart
- C 90
- M 71
- Y 0
- K 27
CMYK color chart

● #1236ba color description : Strong blue.

The hexadecimal color #1236ba has RGB values of R:18, G:54, B:186 and CMYK values of C:0.9, M:0.71, Y:0, K:0.27. Its decimal value is 1193658.

Hex triplet	1236ba	`#1236ba`
RGB Decimal	18, 54, 186	`rgb(18,54,186)`
RGB Percent	7.1, 21.2, 72.9	`rgb(7.1%,21.2%,72.9%)`
CMYK	90, 71, 0, 27
HSL	227.1°, 82.4, 40	`hsl(227.1,82.4%,40%)`
HSV (or HSB)	227.1°, 90.3, 72.9
Web Safe	0033cc	`#0033cc`

CIE-LAB	30.185, 40.305, -71.651
XYZ	10.43, 6.311, 47.12
xyY	0.163, 0.099, 6.311
CIE-LCH	30.185, 82.209, 299.359
CIE-LUV	30.185, -11.21, -93.339
Hunter-Lab	25.122, 30.142, -93.621
Binary	00010010, 00110110, 10111010

#1236ba
```
#1236ba rgb(18,54,186)
```
#ba9612
```
#ba9612 rgb(186,150,18)
```

Complementary Color

#128aba
```
#128aba rgb(18,138,186)
```
#1236ba
```
#1236ba rgb(18,54,186)
```
#4212ba
```
#4212ba rgb(66,18,186)
```

Analogous Color

#8aba12
```
#8aba12 rgb(138,186,18)
```
#1236ba
```
#1236ba rgb(18,54,186)
```
#ba4212
```
#ba4212 rgb(186,66,18)
```

Split Complementary Color

#36ba12
```
#36ba12 rgb(54,186,18)
```
#1236ba
```
#1236ba rgb(18,54,186)
```
#ba1236
```
#ba1236 rgb(186,18,54)
```

Triadic Color

#12ba96
```
#12ba96 rgb(18,186,150)
```
#1236ba
```
#1236ba rgb(18,54,186)
```
#ba1236
```
#ba1236 rgb(186,18,54)
```
#ba9612
```
#ba9612 rgb(186,150,18)
```

Tetradic Color

#0b2274
```
#0b2274 rgb(11,34,116)
```
#0e298c
```
#0e298c rgb(14,41,140)
```
#102fa3
```
#102fa3 rgb(16,47,163)
```
#1236ba
```
#1236ba rgb(18,54,186)
```
#143dd1
```
#143dd1 rgb(20,61,209)
```
#1744e9
```
#1744e9 rgb(23,68,233)
```
#2e56eb
```
#2e56eb rgb(46,86,235)
```

Monochromatic Color

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

#1260ba
```
#1260ba rgb(18,96,186)
```
#1252ba
```
#1252ba rgb(18,82,186)
```
#1244ba
```
#1244ba rgb(18,68,186)
```
#1236ba
```
#1236ba rgb(18,54,186)
```
#1228ba
```
#1228ba rgb(18,40,186)
```
#121aba
```
#121aba rgb(18,26,186)
```
#1812ba
```
#1812ba rgb(24,18,186)
```

Similar Colors

Text with hexadecimal color #1236ba

This text has a font color of #1236ba.

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

#1236ba background color

This paragraph has a background color of #1236ba.

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

#1236ba border color

This element has a border color of #1236ba.

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

CSS codes

.text {color:#1236ba;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#020719
```
#020719 rgb(2,7,25)
```
#040c2b
```
#040c2b rgb(4,12,43)
```
#06123d
```
#06123d rgb(6,18,61)
```
#08174f
```
#08174f rgb(8,23,79)
```
#091c61
```
#091c61 rgb(9,28,97)
```
#0b2172
```
#0b2172 rgb(11,33,114)
```
#0d2684
```
#0d2684 rgb(13,38,132)
```
#0f2c96
```
#0f2c96 rgb(15,44,150)
```
#1031a8
```
#1031a8 rgb(16,49,168)
```
#1236ba
```
#1236ba rgb(18,54,186)
```
#143bcc
```
#143bcc rgb(20,59,204)
```
#1540de
```
#1540de rgb(21,64,222)
```

Shade Color Variation

#1e49e9
```
#1e49e9 rgb(30,73,233)
```
#3058eb
```
#3058eb rgb(48,88,235)
```
#4166ed
```
#4166ed rgb(65,102,237)
```
#5375ee
```
#5375ee rgb(83,117,238)
```
#6583f0
```
#6583f0 rgb(101,131,240)
```
#7791f2
```
#7791f2 rgb(119,145,242)
```
#89a0f4
```
#89a0f4 rgb(137,160,244)
```
#9baef5
```
#9baef5 rgb(155,174,245)
```
#adbdf7
```
#adbdf7 rgb(173,189,247)
```
#bfcbf9
```
#bfcbf9 rgb(191,203,249)
```
#d1dafb
```
#d1dafb rgb(209,218,251)
```
#e2e8fc
```
#e2e8fc rgb(226,232,252)
```
#f4f6fe
```
#f4f6fe rgb(244,246,254)
```

Tint Color Variation

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

#60636c
```
#60636c rgb(96,99,108)
```
#595e73
```
#595e73 rgb(89,94,115)
```
#515a7b
```
#515a7b rgb(81,90,123)
```
#495583
```
#495583 rgb(73,85,131)
```
#41518b
```
#41518b rgb(65,81,139)
```
#394c93
```
#394c93 rgb(57,76,147)
```
#31489b
```
#31489b rgb(49,72,155)
```
#2a43a2
```
#2a43a2 rgb(42,67,162)
```
#223faa
```
#223faa rgb(34,63,170)
```
#1a3ab2
```
#1a3ab2 rgb(26,58,178)
```
#1236ba
```
#1236ba rgb(18,54,186)
```
#0a32c2
```
#0a32c2 rgb(10,50,194)
```
#022dca
```
#022dca rgb(2,45,202)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#323954 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005284 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#0645a4 Protanomaly 1% of men, 0.01% of women
#064897 Deuteranomaly 6% of men, 0.4% of women
#064c7e Tritanomaly 0.01% of the population

#1236ba hex color

#1236ba Color Information

#1236ba Color Conversion

Color Schemes with #1236ba

Alternatives to #1236ba

#1236ba Preview

Shades and Tints of #1236ba

Tones of #1236ba

Color Blindness Simulator