#1246c3 hex color

In a RGB color space, hex #1246c3 is composed of 7.1% red, 27.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 90.8% cyan, 64.1% magenta, 0% yellow and 23.5% black. It has a hue angle of 222.4 degrees, a saturation of 83.1% and a lightness of 41.8%. #1246c3 color hex could be obtained by blending #248cff with #000087. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 27
- B 76
RGB color chart
- C 91
- M 64
- Y 0
- K 24
CMYK color chart

● #1246c3 color description : Strong blue.

The hexadecimal color #1246c3 has RGB values of R:18, G:70, B:195 and CMYK values of C:0.91, M:0.64, Y:0, K:0.24. Its decimal value is 1197763.

Hex triplet	1246c3	`#1246c3`
RGB Decimal	18, 70, 195	`rgb(18,70,195)`
RGB Percent	7.1, 27.5, 76.5	`rgb(7.1%,27.5%,76.5%)`
CMYK	91, 64, 0, 24
HSL	222.4°, 83.1, 41.8	`hsl(222.4,83.1%,41.8%)`
HSV (or HSB)	222.4°, 90.8, 76.5
Web Safe	0033cc	`#0033cc`

CIE-LAB	34.899, 33.43, -69.182
XYZ	12.288, 8.448, 52.61
xyY	0.168, 0.115, 8.448
CIE-LCH	34.899, 76.836, 295.791
CIE-LUV	34.899, -14.634, -96.27
Hunter-Lab	29.066, 24.599, -86.971
Binary	00010010, 01000110, 11000011

#1246c3
```
#1246c3 rgb(18,70,195)
```
#c38f12
```
#c38f12 rgb(195,143,18)
```

Complementary Color

#129fc3
```
#129fc3 rgb(18,159,195)
```
#1246c3
```
#1246c3 rgb(18,70,195)
```
#3712c3
```
#3712c3 rgb(55,18,195)
```

Analogous Color

#9fc312
```
#9fc312 rgb(159,195,18)
```
#1246c3
```
#1246c3 rgb(18,70,195)
```
#c33712
```
#c33712 rgb(195,55,18)
```

Split Complementary Color

#46c312
```
#46c312 rgb(70,195,18)
```
#1246c3
```
#1246c3 rgb(18,70,195)
```
#c31246
```
#c31246 rgb(195,18,70)
```

Triadic Color

#12c38f
```
#12c38f rgb(18,195,143)
```
#1246c3
```
#1246c3 rgb(18,70,195)
```
#c31246
```
#c31246 rgb(195,18,70)
```
#c38f12
```
#c38f12 rgb(195,143,18)
```

Tetradic Color

#0c2d7d
```
#0c2d7d rgb(12,45,125)
```
#0e3594
```
#0e3594 rgb(14,53,148)
```
#103eac
```
#103eac rgb(16,62,172)
```
#1246c3
```
#1246c3 rgb(18,70,195)
```
#144eda
```
#144eda rgb(20,78,218)
```
#1e5aea
```
#1e5aea rgb(30,90,234)
```
#356bec
```
#356bec rgb(53,107,236)
```

Monochromatic Color

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

#1272c3
```
#1272c3 rgb(18,114,195)
```
#1264c3
```
#1264c3 rgb(18,100,195)
```
#1255c3
```
#1255c3 rgb(18,85,195)
```
#1246c3
```
#1246c3 rgb(18,70,195)
```
#1237c3
```
#1237c3 rgb(18,55,195)
```
#1229c3
```
#1229c3 rgb(18,41,195)
```
#121ac3
```
#121ac3 rgb(18,26,195)
```

Similar Colors

Text with hexadecimal color #1246c3

This text has a font color of #1246c3.

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

#1246c3 background color

This paragraph has a background color of #1246c3.

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

#1246c3 border color

This element has a border color of #1246c3.

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

CSS codes

.text {color:#1246c3;}

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

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

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, #01060f is the darkest color, while #fcfdff is the lightest one.

#01060f
```
#01060f rgb(1,6,15)
```
#030c21
```
#030c21 rgb(3,12,33)
```
#051233
```
#051233 rgb(5,18,51)
```
#061945
```
#061945 rgb(6,25,69)
```
#081f57
```
#081f57 rgb(8,31,87)
```
#0a2669
```
#0a2669 rgb(10,38,105)
```
#0b2c7b
```
#0b2c7b rgb(11,44,123)
```
#0d338d
```
#0d338d rgb(13,51,141)
```
#0f399f
```
#0f399f rgb(15,57,159)
```
#1040b1
```
#1040b1 rgb(16,64,177)
```
#1246c3
```
#1246c3 rgb(18,70,195)
```
#144cd5
```
#144cd5 rgb(20,76,213)
```
#1553e7
```
#1553e7 rgb(21,83,231)
```

Shade Color Variation

#255feb
```
#255feb rgb(37,95,235)
```
#376ced
```
#376ced rgb(55,108,237)
```
#4979ee
```
#4979ee rgb(73,121,238)
```
#5b87f0
```
#5b87f0 rgb(91,135,240)
```
#6d94f2
```
#6d94f2 rgb(109,148,242)
```
#7fa1f3
```
#7fa1f3 rgb(127,161,243)
```
#91aef5
```
#91aef5 rgb(145,174,245)
```
#a3bbf6
```
#a3bbf6 rgb(163,187,246)
```
#b5c8f8
```
#b5c8f8 rgb(181,200,248)
```
#c7d6fa
```
#c7d6fa rgb(199,214,250)
```
#d9e3fb
```
#d9e3fb rgb(217,227,251)
```
#ebf0fd
```
#ebf0fd rgb(235,240,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#646871
```
#646871 rgb(100,104,113)
```
#5c6479
```
#5c6479 rgb(92,100,121)
```
#546181
```
#546181 rgb(84,97,129)
```
#4b5e8a
```
#4b5e8a rgb(75,94,138)
```
#435a92
```
#435a92 rgb(67,90,146)
```
#3b579a
```
#3b579a rgb(59,87,154)
```
#3354a2
```
#3354a2 rgb(51,84,162)
```
#2b50aa
```
#2b50aa rgb(43,80,170)
```
#224db3
```
#224db3 rgb(34,77,179)
```
#1a49bb
```
#1a49bb rgb(26,73,187)
```
#1246c3
```
#1246c3 rgb(18,70,195)
```
#0a43cb
```
#0a43cb rgb(10,67,203)
```
#023fd3
```
#023fd3 rgb(2,63,211)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3b455e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#0651b4 Protanomaly 1% of men, 0.01% of women
#0654a6 Deuteranomaly 6% of men, 0.4% of women
#065989 Tritanomaly 0.01% of the population

#1246c3 hex color

#1246c3 Color Information

#1246c3 Color Conversion

Color Schemes with #1246c3

Alternatives to #1246c3

#1246c3 Preview

Shades and Tints of #1246c3

Tones of #1246c3

Color Blindness Simulator