#1248d4 hex color

In a RGB color space, hex #1248d4 is composed of 7.1% red, 28.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 66% magenta, 0% yellow and 16.9% black. It has a hue angle of 223.3 degrees, a saturation of 84.3% and a lightness of 45.1%. #1248d4 color hex could be obtained by blending #2490ff with #0000a9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 28
- B 83
RGB color chart
- C 92
- M 66
- Y 0
- K 17
CMYK color chart

● #1248d4 color description : Strong blue.

The hexadecimal color #1248d4 has RGB values of R:18, G:72, B:212 and CMYK values of C:0.92, M:0.66, Y:0, K:0.17. Its decimal value is 1198292.

Hex triplet	1248d4	`#1248d4`
RGB Decimal	18, 72, 212	`rgb(18,72,212)`
RGB Percent	7.1, 28.2, 83.1	`rgb(7.1%,28.2%,83.1%)`
CMYK	92, 66, 0, 17
HSL	223.3°, 84.3, 45.1	`hsl(223.3,84.3%,45.1%)`
HSV (or HSB)	223.3°, 91.5, 83.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	36.959, 38.575, -75.665
XYZ	14.448, 9.516, 63.359
xyY	0.165, 0.109, 9.516
CIE-LCH	36.959, 84.931, 297.013
CIE-LUV	36.959, -15.094, -106.527
Hunter-Lab	30.847, 29.621, -100.185
Binary	00010010, 01001000, 11010100

#1248d4
```
#1248d4 rgb(18,72,212)
```
#d49e12
```
#d49e12 rgb(212,158,18)
```

Complementary Color

#12a9d4
```
#12a9d4 rgb(18,169,212)
```
#1248d4
```
#1248d4 rgb(18,72,212)
```
#3d12d4
```
#3d12d4 rgb(61,18,212)
```

Analogous Color

#a9d412
```
#a9d412 rgb(169,212,18)
```
#1248d4
```
#1248d4 rgb(18,72,212)
```
#d43d12
```
#d43d12 rgb(212,61,18)
```

Split Complementary Color

#48d412
```
#48d412 rgb(72,212,18)
```
#1248d4
```
#1248d4 rgb(18,72,212)
```
#d41248
```
#d41248 rgb(212,18,72)
```

Triadic Color

#12d49e
```
#12d49e rgb(18,212,158)
```
#1248d4
```
#1248d4 rgb(18,72,212)
```
#d41248
```
#d41248 rgb(212,18,72)
```
#d49e12
```
#d49e12 rgb(212,158,18)
```

Tetradic Color

#0c308d
```
#0c308d rgb(12,48,141)
```
#0e38a5
```
#0e38a5 rgb(14,56,165)
```
#1040bc
```
#1040bc rgb(16,64,188)
```
#1248d4
```
#1248d4 rgb(18,72,212)
```
#1450eb
```
#1450eb rgb(20,80,235)
```
#2c62ed
```
#2c62ed rgb(44,98,237)
```
#4373ef
```
#4373ef rgb(67,115,239)
```

Monochromatic Color

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

#1279d4
```
#1279d4 rgb(18,121,212)
```
#1268d4
```
#1268d4 rgb(18,104,212)
```
#1258d4
```
#1258d4 rgb(18,88,212)
```
#1248d4
```
#1248d4 rgb(18,72,212)
```
#1238d4
```
#1238d4 rgb(18,56,212)
```
#1228d4
```
#1228d4 rgb(18,40,212)
```
#1218d4
```
#1218d4 rgb(18,24,212)
```

Similar Colors

Text with hexadecimal color #1248d4

This text has a font color of #1248d4.

<span style="color:#1248d4;">Text here</span>

#1248d4 background color

This paragraph has a background color of #1248d4.

<p style="background-color:#1248d4;">Content here</p>

#1248d4 border color

This element has a border color of #1248d4.

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

CSS codes

.text {color:#1248d4;}

.background {background-color:#1248d4;}

.border {border:1px solid #1248d4;}

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, #01040d is the darkest color, while #fafbff is the lightest one.

#01040d
```
#01040d rgb(1,4,13)
```
#030b1f
```
#030b1f rgb(3,11,31)
```
#041131
```
#041131 rgb(4,17,49)
```
#061743
```
#061743 rgb(6,23,67)
```
#071d55
```
#071d55 rgb(7,29,85)
```
#092368
```
#092368 rgb(9,35,104)
```
#0a297a
```
#0a297a rgb(10,41,122)
```
#0c2f8c
```
#0c2f8c rgb(12,47,140)
```
#0d369e
```
#0d369e rgb(13,54,158)
```
#0f3cb0
```
#0f3cb0 rgb(15,60,176)
```
#1042c2
```
#1042c2 rgb(16,66,194)
```
#1248d4
```
#1248d4 rgb(18,72,212)
```
#144ee6
```
#144ee6 rgb(20,78,230)
```

Shade Color Variation

#215aec
```
#215aec rgb(33,90,236)
```
#3367ee
```
#3367ee rgb(51,103,238)
```
#4575ef
```
#4575ef rgb(69,117,239)
```
#5782f1
```
#5782f1 rgb(87,130,241)
```
#6990f2
```
#6990f2 rgb(105,144,242)
```
#7b9df4
```
#7b9df4 rgb(123,157,244)
```
#8eaaf5
```
#8eaaf5 rgb(142,170,245)
```
#a0b8f7
```
#a0b8f7 rgb(160,184,247)
```
#b2c5f8
```
#b2c5f8 rgb(178,197,248)
```
#c4d3fa
```
#c4d3fa rgb(196,211,250)
```
#d6e0fc
```
#d6e0fc rgb(214,224,252)
```
#e8eefd
```
#e8eefd rgb(232,238,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#6a6f7c
```
#6a6f7c rgb(106,111,124)
```
#626b84
```
#626b84 rgb(98,107,132)
```
#59678d
```
#59678d rgb(89,103,141)
```
#506396
```
#506396 rgb(80,99,150)
```
#47609f
```
#47609f rgb(71,96,159)
```
#3e5ca8
```
#3e5ca8 rgb(62,92,168)
```
#3558b1
```
#3558b1 rgb(53,88,177)
```
#2d54b9
```
#2d54b9 rgb(45,84,185)
```
#2450c2
```
#2450c2 rgb(36,80,194)
```
#1b4ccb
```
#1b4ccb rgb(27,76,203)
```
#1248d4
```
#1248d4 rgb(18,72,212)
```
#0944dd
```
#0944dd rgb(9,68,221)
```
#0040e6
```
#0040e6 rgb(0,64,230)
```

Tone Color Variation

Below, you can see how #1248d4 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

#484848 Achromatopsia 0.005% of the population
#3d4864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb5 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#0655c0 Protanomaly 1% of men, 0.01% of women
#0658b1 Deuteranomaly 6% of men, 0.4% of women
#065d93 Tritanomaly 0.01% of the population

#1248d4 hex color

#1248d4 Color Information

#1248d4 Color Conversion

Color Schemes with #1248d4

Alternatives to #1248d4

#1248d4 Preview

Shades and Tints of #1248d4

Tones of #1248d4

Color Blindness Simulator