colorhexa.com

#1249d2 hex color

In a RGB color space, hex #1249d2 is composed of 7.1% red, 28.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 91.4% cyan, 65.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 222.8 degrees, a saturation of 84.2% and a lightness of 44.7%. #1249d2 color hex could be obtained by blending #2492ff with #0000a5. Closest websafe color is: #0033cc.

- R 7
- G 29
- B 82
RGB color chart
- C 91
- M 65
- Y 0
- K 18
CMYK color chart

● #1249d2 color description : Strong blue.

The hexadecimal color #1249d2 has RGB values of R:18, G:73, B:210 and CMYK values of C:0.91, M:0.65, Y:0, K:0.18. Its decimal value is 1198546.

Hex triplet	1249d2	`#1249d2`
RGB Decimal	18, 73, 210	`rgb(18,73,210)`
RGB Percent	7.1, 28.6, 82.4	`rgb(7.1%,28.6%,82.4%)`
CMYK	91, 65, 0, 18
HSL	222.8°, 84.2, 44.7	`hsl(222.8,84.2%,44.7%)`
HSV (or HSB)	222.8°, 91.4, 82.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	37.014, 37.188, -74.42
XYZ	14.262, 9.546, 62.06
xyY	0.166, 0.111, 9.546
CIE-LCH	37.014, 83.194, 296.551
CIE-LUV	37.014, -15.31, -105.055
Hunter-Lab	30.896, 28.332, -97.467
Binary	00010010, 01001001, 11010010

#1249d2
```
#1249d2 rgb(18,73,210)
```
#d29b12
```
#d29b12 rgb(210,155,18)
```

Complementary Color

#12a9d2
```
#12a9d2 rgb(18,169,210)
```
#1249d2
```
#1249d2 rgb(18,73,210)
```
#3b12d2
```
#3b12d2 rgb(59,18,210)
```

Analogous Color

#a9d212
```
#a9d212 rgb(169,210,18)
```
#1249d2
```
#1249d2 rgb(18,73,210)
```
#d23b12
```
#d23b12 rgb(210,59,18)
```

Split Complementary Color

#49d212
```
#49d212 rgb(73,210,18)
```
#1249d2
```
#1249d2 rgb(18,73,210)
```
#d21249
```
#d21249 rgb(210,18,73)
```

Triadic Color

#12d29b
```
#12d29b rgb(18,210,155)
```
#1249d2
```
#1249d2 rgb(18,73,210)
```
#d21249
```
#d21249 rgb(210,18,73)
```
#d29b12
```
#d29b12 rgb(210,155,18)
```

Tetradic Color

#0c318c
```
#0c318c rgb(12,49,140)
```
#0e39a3
```
#0e39a3 rgb(14,57,163)
```
#1041bb
```
#1041bb rgb(16,65,187)
```
#1249d2
```
#1249d2 rgb(18,73,210)
```
#1451e9
```
#1451e9 rgb(20,81,233)
```
#2a62ed
```
#2a62ed rgb(42,98,237)
```
#4273ef
```
#4273ef rgb(66,115,239)
```

Monochromatic Color

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

#1279d2
```
#1279d2 rgb(18,121,210)
```
#1269d2
```
#1269d2 rgb(18,105,210)
```
#1259d2
```
#1259d2 rgb(18,89,210)
```
#1249d2
```
#1249d2 rgb(18,73,210)
```
#1239d2
```
#1239d2 rgb(18,57,210)
```
#1229d2
```
#1229d2 rgb(18,41,210)
```
#1219d2
```
#1219d2 rgb(18,25,210)
```

Similar Colors

Text with hexadecimal color #1249d2

This text has a font color of #1249d2.

<span style="color:#1249d2;">Text here</span>

#1249d2 background color

This paragraph has a background color of #1249d2.

<p style="background-color:#1249d2;">Content here</p>

#1249d2 border color

This element has a border color of #1249d2.

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

CSS codes

.text {color:#1249d2;}

.background {background-color:#1249d2;}

.border {border:1px solid #1249d2;}

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

#01040b
```
#01040b rgb(1,4,11)
```
#030a1d
```
#030a1d rgb(3,10,29)
```
#04102f
```
#04102f rgb(4,16,47)
```
#061741
```
#061741 rgb(6,23,65)
```
#071d54
```
#071d54 rgb(7,29,84)
```
#092366
```
#092366 rgb(9,35,102)
```
#0a2a78
```
#0a2a78 rgb(10,42,120)
```
#0c308a
```
#0c308a rgb(12,48,138)
```
#0d369c
```
#0d369c rgb(13,54,156)
```
#0f3cae
```
#0f3cae rgb(15,60,174)
```
#1043c0
```
#1043c0 rgb(16,67,192)
```
#1249d2
```
#1249d2 rgb(18,73,210)
```
#144fe4
```
#144fe4 rgb(20,79,228)
```

Shade Color Variation

#1f5aec
```
#1f5aec rgb(31,90,236)
```
#3167ed
```
#3167ed rgb(49,103,237)
```
#4475ef
```
#4475ef rgb(68,117,239)
```
#5682f0
```
#5682f0 rgb(86,130,240)
```
#688ff2
```
#688ff2 rgb(104,143,242)
```
#7a9df4
```
#7a9df4 rgb(122,157,244)
```
#8caaf5
```
#8caaf5 rgb(140,170,245)
```
#9eb7f7
```
#9eb7f7 rgb(158,183,247)
```
#b0c5f8
```
#b0c5f8 rgb(176,197,248)
```
#c2d2fa
```
#c2d2fa rgb(194,210,250)
```
#d4dffb
```
#d4dffb rgb(212,223,251)
```
#e6edfd
```
#e6edfd rgb(230,237,253)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#6a6e7a
```
#6a6e7a rgb(106,110,122)
```
#616b83
```
#616b83 rgb(97,107,131)
```
#58678c
```
#58678c rgb(88,103,140)
```
#4f6395
```
#4f6395 rgb(79,99,149)
```
#475f9d
```
#475f9d rgb(71,95,157)
```
#3e5ca6
```
#3e5ca6 rgb(62,92,166)
```
#3558af
```
#3558af rgb(53,88,175)
```
#2c54b8
```
#2c54b8 rgb(44,84,184)
```
#2450c0
```
#2450c0 rgb(36,80,192)
```
#1b4dc9
```
#1b4dc9 rgb(27,77,201)
```
#1249d2
```
#1249d2 rgb(18,73,210)
```
#0945db
```
#0945db rgb(9,69,219)
```
#0042e4
```
#0042e4 rgb(0,66,228)
```

Tone Color Variation

Below, you can see how #1249d2 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

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

Trichromacy

#0655bf Protanomaly 1% of men, 0.01% of women
#0659b0 Deuteranomaly 6% of men, 0.4% of women
#065d92 Tritanomaly 0.01% of the population