#1246ba hex color

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

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

● #1246ba color description : Strong blue.

The hexadecimal color #1246ba has RGB values of R:18, G:70, B:186 and CMYK values of C:0.9, M:0.62, Y:0, K:0.27. Its decimal value is 1197754.

Hex triplet	1246ba	`#1246ba`
RGB Decimal	18, 70, 186	`rgb(18,70,186)`
RGB Percent	7.1, 27.5, 72.9	`rgb(7.1%,27.5%,72.9%)`
CMYK	90, 62, 0, 27
HSL	221.4°, 82.4, 40	`hsl(221.4,82.4%,40%)`
HSV (or HSB)	221.4°, 90.3, 72.9
Web Safe	0033cc	`#0033cc`

CIE-LAB	34.093, 29.943, -65.221
XYZ	11.301, 8.053, 47.41
xyY	0.169, 0.121, 8.053
CIE-LCH	34.093, 71.766, 294.66
CIE-LUV	34.093, -14.655, -90.475
Hunter-Lab	28.378, 21.42, -79.19
Binary	00010010, 01000110, 10111010

#1246ba
```
#1246ba rgb(18,70,186)
```
#ba8612
```
#ba8612 rgb(186,134,18)
```

Complementary Color

#129aba
```
#129aba rgb(18,154,186)
```
#1246ba
```
#1246ba rgb(18,70,186)
```
#3212ba
```
#3212ba rgb(50,18,186)
```

Analogous Color

#9aba12
```
#9aba12 rgb(154,186,18)
```
#1246ba
```
#1246ba rgb(18,70,186)
```
#ba3212
```
#ba3212 rgb(186,50,18)
```

Split Complementary Color

#46ba12
```
#46ba12 rgb(70,186,18)
```
#1246ba
```
#1246ba rgb(18,70,186)
```
#ba1246
```
#ba1246 rgb(186,18,70)
```

Triadic Color

#12ba86
```
#12ba86 rgb(18,186,134)
```
#1246ba
```
#1246ba rgb(18,70,186)
```
#ba1246
```
#ba1246 rgb(186,18,70)
```
#ba8612
```
#ba8612 rgb(186,134,18)
```

Tetradic Color

#0b2c74
```
#0b2c74 rgb(11,44,116)
```
#0e358c
```
#0e358c rgb(14,53,140)
```
#103da3
```
#103da3 rgb(16,61,163)
```
#1246ba
```
#1246ba rgb(18,70,186)
```
#144fd1
```
#144fd1 rgb(20,79,209)
```
#1757e9
```
#1757e9 rgb(23,87,233)
```
#2e68eb
```
#2e68eb rgb(46,104,235)
```

Monochromatic Color

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

#1270ba
```
#1270ba rgb(18,112,186)
```
#1262ba
```
#1262ba rgb(18,98,186)
```
#1254ba
```
#1254ba rgb(18,84,186)
```
#1246ba
```
#1246ba rgb(18,70,186)
```
#1238ba
```
#1238ba rgb(18,56,186)
```
#122aba
```
#122aba rgb(18,42,186)
```
#121cba
```
#121cba rgb(18,28,186)
```

Similar Colors

Text with hexadecimal color #1246ba

This text has a font color of #1246ba.

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

#1246ba background color

This paragraph has a background color of #1246ba.

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

#1246ba border color

This element has a border color of #1246ba.

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

CSS codes

.text {color:#1246ba;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#020919
```
#020919 rgb(2,9,25)
```
#04102b
```
#04102b rgb(4,16,43)
```
#06173d
```
#06173d rgb(6,23,61)
```
#081e4f
```
#081e4f rgb(8,30,79)
```
#092461
```
#092461 rgb(9,36,97)
```
#0b2b72
```
#0b2b72 rgb(11,43,114)
```
#0d3284
```
#0d3284 rgb(13,50,132)
```
#0f3996
```
#0f3996 rgb(15,57,150)
```
#103fa8
```
#103fa8 rgb(16,63,168)
```
#1246ba
```
#1246ba rgb(18,70,186)
```
#144dcc
```
#144dcc rgb(20,77,204)
```
#1553de
```
#1553de rgb(21,83,222)
```

Shade Color Variation

#1e5de9
```
#1e5de9 rgb(30,93,233)
```
#306aeb
```
#306aeb rgb(48,106,235)
```
#4176ed
```
#4176ed rgb(65,118,237)
```
#5383ee
```
#5383ee rgb(83,131,238)
```
#6590f0
```
#6590f0 rgb(101,144,240)
```
#779df2
```
#779df2 rgb(119,157,242)
```
#89aaf4
```
#89aaf4 rgb(137,170,244)
```
#9bb7f5
```
#9bb7f5 rgb(155,183,245)
```
#adc4f7
```
#adc4f7 rgb(173,196,247)
```
#bfd1f9
```
#bfd1f9 rgb(191,209,249)
```
#d1defb
```
#d1defb rgb(209,222,251)
```
#e2eafc
```
#e2eafc rgb(226,234,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#60646c
```
#60646c rgb(96,100,108)
```
#596173
```
#596173 rgb(89,97,115)
```
#515e7b
```
#515e7b rgb(81,94,123)
```
#495b83
```
#495b83 rgb(73,91,131)
```
#41588b
```
#41588b rgb(65,88,139)
```
#395593
```
#395593 rgb(57,85,147)
```
#31529b
```
#31529b rgb(49,82,155)
```
#2a4fa2
```
#2a4fa2 rgb(42,79,162)
```
#224caa
```
#224caa rgb(34,76,170)
```
#1a49b2
```
#1a49b2 rgb(26,73,178)
```
#1246ba
```
#1246ba rgb(18,70,186)
```
#0a43c2
```
#0a43c2 rgb(10,67,194)
```
#0240ca
```
#0240ca rgb(2,64,202)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3a445c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a9 Protanopia 1% of men
#005b93 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#0650af Protanomaly 1% of men, 0.01% of women
#0653a1 Deuteranomaly 6% of men, 0.4% of women
#065785 Tritanomaly 0.01% of the population

#1246ba hex color

#1246ba Color Information

#1246ba Color Conversion

Color Schemes with #1246ba

Alternatives to #1246ba

#1246ba Preview

Shades and Tints of #1246ba

Tones of #1246ba

Color Blindness Simulator