#1246d5 hex color

In a RGB color space, hex #1246d5 is composed of 7.1% red, 27.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 67.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 224 degrees, a saturation of 84.4% and a lightness of 45.3%. #1246d5 color hex could be obtained by blending #248cff with #0000ab. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 27
- B 84
RGB color chart
- C 92
- M 67
- Y 0
- K 16
CMYK color chart

● #1246d5 color description : Strong blue.

The hexadecimal color #1246d5 has RGB values of R:18, G:70, B:213 and CMYK values of C:0.92, M:0.67, Y:0, K:0.16. Its decimal value is 1197781.

Hex triplet	1246d5	`#1246d5`
RGB Decimal	18, 70, 213	`rgb(18,70,213)`
RGB Percent	7.1, 27.5, 83.5	`rgb(7.1%,27.5%,83.5%)`
CMYK	92, 67, 0, 16
HSL	224°, 84.4, 45.3	`hsl(224,84.4%,45.3%)`
HSV (or HSB)	224°, 91.5, 83.5
Web Safe	0033cc	`#0033cc`

CIE-LAB	36.578, 40.213, -76.868
XYZ	14.447, 9.312, 63.983
xyY	0.165, 0.106, 9.312
CIE-LCH	36.578, 86.751, 297.616
CIE-LUV	36.578, -14.672, -107.548
Hunter-Lab	30.515, 31.108, -102.956
Binary	00010010, 01000110, 11010101

#1246d5
```
#1246d5 rgb(18,70,213)
```
#d5a112
```
#d5a112 rgb(213,161,18)
```

Complementary Color

#12a8d5
```
#12a8d5 rgb(18,168,213)
```
#1246d5
```
#1246d5 rgb(18,70,213)
```
#3f12d5
```
#3f12d5 rgb(63,18,213)
```

Analogous Color

#a8d512
```
#a8d512 rgb(168,213,18)
```
#1246d5
```
#1246d5 rgb(18,70,213)
```
#d53f12
```
#d53f12 rgb(213,63,18)
```

Split Complementary Color

#46d512
```
#46d512 rgb(70,213,18)
```
#1246d5
```
#1246d5 rgb(18,70,213)
```
#d51246
```
#d51246 rgb(213,18,70)
```

Triadic Color

#12d5a1
```
#12d5a1 rgb(18,213,161)
```
#1246d5
```
#1246d5 rgb(18,70,213)
```
#d51246
```
#d51246 rgb(213,18,70)
```
#d5a112
```
#d5a112 rgb(213,161,18)
```

Tetradic Color

#0c2f8e
```
#0c2f8e rgb(12,47,142)
```
#0e37a6
```
#0e37a6 rgb(14,55,166)
```
#103ebd
```
#103ebd rgb(16,62,189)
```
#1246d5
```
#1246d5 rgb(18,70,213)
```
#154eeb
```
#154eeb rgb(21,78,235)
```
#2d60ed
```
#2d60ed rgb(45,96,237)
```
#4472ef
```
#4472ef rgb(68,114,239)
```

Monochromatic Color

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

#1277d5
```
#1277d5 rgb(18,119,213)
```
#1267d5
```
#1267d5 rgb(18,103,213)
```
#1256d5
```
#1256d5 rgb(18,86,213)
```
#1246d5
```
#1246d5 rgb(18,70,213)
```
#1236d5
```
#1236d5 rgb(18,54,213)
```
#1226d5
```
#1226d5 rgb(18,38,213)
```
#1215d5
```
#1215d5 rgb(18,21,213)
```

Similar Colors

Text with hexadecimal color #1246d5

This text has a font color of #1246d5.

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

#1246d5 background color

This paragraph has a background color of #1246d5.

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

#1246d5 border color

This element has a border color of #1246d5.

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

CSS codes

.text {color:#1246d5;}

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

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

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, #01050e is the darkest color, while #fbfcff is the lightest one.

#01050e
```
#01050e rgb(1,5,14)
```
#030b20
```
#030b20 rgb(3,11,32)
```
#041132
```
#041132 rgb(4,17,50)
```
#061644
```
#061644 rgb(6,22,68)
```
#071c56
```
#071c56 rgb(7,28,86)
```
#092268
```
#092268 rgb(9,34,104)
```
#0a287b
```
#0a287b rgb(10,40,123)
```
#0c2e8d
```
#0c2e8d rgb(12,46,141)
```
#0d349f
```
#0d349f rgb(13,52,159)
```
#0f3ab1
```
#0f3ab1 rgb(15,58,177)
```
#1040c3
```
#1040c3 rgb(16,64,195)
```
#1246d5
```
#1246d5 rgb(18,70,213)
```
#144ce7
```
#144ce7 rgb(20,76,231)
```

Shade Color Variation

#2258ec
```
#2258ec rgb(34,88,236)
```
#3466ee
```
#3466ee rgb(52,102,238)
```
#4673ef
```
#4673ef rgb(70,115,239)
```
#5881f1
```
#5881f1 rgb(88,129,241)
```
#6a8ff2
```
#6a8ff2 rgb(106,143,242)
```
#7c9cf4
```
#7c9cf4 rgb(124,156,244)
```
#8eaaf5
```
#8eaaf5 rgb(142,170,245)
```
#a1b8f7
```
#a1b8f7 rgb(161,184,247)
```
#b3c5f9
```
#b3c5f9 rgb(179,197,249)
```
#c5d3fa
```
#c5d3fa rgb(197,211,250)
```
#d7e1fc
```
#d7e1fc rgb(215,225,252)
```
#e9eefd
```
#e9eefd rgb(233,238,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6f7c is the less saturated color, while #003ee7 is the most saturated one.

#6b6f7c
```
#6b6f7c rgb(107,111,124)
```
#626b85
```
#626b85 rgb(98,107,133)
```
#59678e
```
#59678e rgb(89,103,142)
```
#506397
```
#506397 rgb(80,99,151)
```
#475fa0
```
#475fa0 rgb(71,95,160)
```
#3e5ba9
```
#3e5ba9 rgb(62,91,169)
```
#3657b1
```
#3657b1 rgb(54,87,177)
```
#2d52ba
```
#2d52ba rgb(45,82,186)
```
#244ec3
```
#244ec3 rgb(36,78,195)
```
#1b4acc
```
#1b4acc rgb(27,74,204)
```
#1246d5
```
#1246d5 rgb(18,70,213)
```
#0942de
```
#0942de rgb(9,66,222)
```
#003ee7
```
#003ee7 rgb(0,62,231)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3c4763 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#0654bf Protanomaly 1% of men, 0.01% of women
#0657b0 Deuteranomaly 6% of men, 0.4% of women
#065b92 Tritanomaly 0.01% of the population

#1246d5 hex color

#1246d5 Color Information

#1246d5 Color Conversion

Color Schemes with #1246d5

Alternatives to #1246d5

#1246d5 Preview

Shades and Tints of #1246d5

Tones of #1246d5

Color Blindness Simulator