#1245b3 hex color

In a RGB color space, hex #1245b3 is composed of 7.1% red, 27.1% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 61.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 221 degrees, a saturation of 81.7% and a lightness of 38.6%. #1245b3 color hex could be obtained by blending #248aff with #000067. Closest websafe color is: #0033cc.

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

● #1245b3 color description : Strong blue.

The hexadecimal color #1245b3 has RGB values of R:18, G:69, B:179 and CMYK values of C:0.9, M:0.61, Y:0, K:0.3. Its decimal value is 1197491.

Hex triplet	1245b3	`#1245b3`
RGB Decimal	18, 69, 179	`rgb(18,69,179)`
RGB Percent	7.1, 27.1, 70.2	`rgb(7.1%,27.1%,70.2%)`
CMYK	90, 61, 0, 30
HSL	221°, 81.7, 38.6	`hsl(221,81.7%,38.6%)`
HSV (or HSB)	221°, 89.9, 70.2
Web Safe	0033cc	`#0033cc`

CIE-LAB	33.219, 27.859, -62.516
XYZ	10.513, 7.639, 43.566
xyY	0.17, 0.124, 7.639
CIE-LCH	33.219, 68.442, 294.019
CIE-LUV	33.219, -14.444, -86.182
Hunter-Lab	27.638, 19.528, -74.112
Binary	00010010, 01000101, 10110011

#1245b3
```
#1245b3 rgb(18,69,179)
```
#b38012
```
#b38012 rgb(179,128,18)
```

Complementary Color

#1296b3
```
#1296b3 rgb(18,150,179)
```
#1245b3
```
#1245b3 rgb(18,69,179)
```
#2f12b3
```
#2f12b3 rgb(47,18,179)
```

Analogous Color

#96b312
```
#96b312 rgb(150,179,18)
```
#1245b3
```
#1245b3 rgb(18,69,179)
```
#b32f12
```
#b32f12 rgb(179,47,18)
```

Split Complementary Color

#45b312
```
#45b312 rgb(69,179,18)
```
#1245b3
```
#1245b3 rgb(18,69,179)
```
#b31245
```
#b31245 rgb(179,18,69)
```

Triadic Color

#12b380
```
#12b380 rgb(18,179,128)
```
#1245b3
```
#1245b3 rgb(18,69,179)
```
#b31245
```
#b31245 rgb(179,18,69)
```
#b38012
```
#b38012 rgb(179,128,18)
```

Tetradic Color

#0b2a6d
```
#0b2a6d rgb(11,42,109)
```
#0d3385
```
#0d3385 rgb(13,51,133)
```
#103c9c
```
#103c9c rgb(16,60,156)
```
#1245b3
```
#1245b3 rgb(18,69,179)
```
#144eca
```
#144eca rgb(20,78,202)
```
#1757e1
```
#1757e1 rgb(23,87,225)
```
#2865e9
```
#2865e9 rgb(40,101,233)
```

Monochromatic Color

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

#126db3
```
#126db3 rgb(18,109,179)
```
#1260b3
```
#1260b3 rgb(18,96,179)
```
#1252b3
```
#1252b3 rgb(18,82,179)
```
#1245b3
```
#1245b3 rgb(18,69,179)
```
#1238b3
```
#1238b3 rgb(18,56,179)
```
#122ab3
```
#122ab3 rgb(18,42,179)
```
#121db3
```
#121db3 rgb(18,29,179)
```

Similar Colors

Text with hexadecimal color #1245b3

This text has a font color of #1245b3.

<span style="color:#1245b3;">Text here</span>

#1245b3 background color

This paragraph has a background color of #1245b3.

<p style="background-color:#1245b3;">Content here</p>

#1245b3 border color

This element has a border color of #1245b3.

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

CSS codes

.text {color:#1245b3;}

.background {background-color:#1245b3;}

.border {border:1px solid #1245b3;}

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

#000001
```
#000001 rgb(0,0,1)
```
#020713
```
#020713 rgb(2,7,19)
```
#040e24
```
#040e24 rgb(4,14,36)
```
#051536
```
#051536 rgb(5,21,54)
```
#071c48
```
#071c48 rgb(7,28,72)
```
#09235a
```
#09235a rgb(9,35,90)
```
#0b2a6c
```
#0b2a6c rgb(11,42,108)
```
#0d307e
```
#0d307e rgb(13,48,126)
```
#0e378f
```
#0e378f rgb(14,55,143)
```
#103ea1
```
#103ea1 rgb(16,62,161)
```
#1245b3
```
#1245b3 rgb(18,69,179)
```
#144cc5
```
#144cc5 rgb(20,76,197)
```
#1653d7
```
#1653d7 rgb(22,83,215)
```

Shade Color Variation

#185ae8
```
#185ae8 rgb(24,90,232)
```
#2a67ea
```
#2a67ea rgb(42,103,234)
```
#3c73eb
```
#3c73eb rgb(60,115,235)
```
#4e80ed
```
#4e80ed rgb(78,128,237)
```
#5f8def
```
#5f8def rgb(95,141,239)
```
#719af1
```
#719af1 rgb(113,154,241)
```
#83a6f3
```
#83a6f3 rgb(131,166,243)
```
#95b3f4
```
#95b3f4 rgb(149,179,244)
```
#a7c0f6
```
#a7c0f6 rgb(167,192,246)
```
#b8cdf8
```
#b8cdf8 rgb(184,205,248)
```
#cad9fa
```
#cad9fa rgb(202,217,250)
```
#dce6fb
```
#dce6fb rgb(220,230,251)
```
#eef3fd
```
#eef3fd rgb(238,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6167 is the less saturated color, while #033fc2 is the most saturated one.

#5e6167
```
#5e6167 rgb(94,97,103)
```
#565e6f
```
#565e6f rgb(86,94,111)
```
#4f5b76
```
#4f5b76 rgb(79,91,118)
```
#47587e
```
#47587e rgb(71,88,126)
```
#3f5686
```
#3f5686 rgb(63,86,134)
```
#38538d
```
#38538d rgb(56,83,141)
```
#305095
```
#305095 rgb(48,80,149)
```
#294d9c
```
#294d9c rgb(41,77,156)
```
#214ba4
```
#214ba4 rgb(33,75,164)
```
#1a48ab
```
#1a48ab rgb(26,72,171)
```
#1245b3
```
#1245b3 rgb(18,69,179)
```
#0a42bb
```
#0a42bb rgb(10,66,187)
```
#033fc2
```
#033fc2 rgb(3,63,194)
```

Tone Color Variation

Below, you can see how #1245b3 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

#424242 Achromatopsia 0.005% of the population
#384359 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005990 Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#064faa Protanomaly 1% of men, 0.01% of women
#06529c Deuteranomaly 6% of men, 0.4% of women
#065681 Tritanomaly 0.01% of the population

#1245b3 hex color

#1245b3 Color Information

#1245b3 Color Conversion

Color Schemes with #1245b3

Alternatives to #1245b3

#1245b3 Preview

Shades and Tints of #1245b3

Tones of #1245b3

Color Blindness Simulator