#1245d5 hex color

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

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

● #1245d5 color description : Strong blue.

The hexadecimal color #1245d5 has RGB values of R:18, G:69, B:213 and CMYK values of C:0.92, M:0.68, Y:0, K:0.16. Its decimal value is 1197525.

Hex triplet	1245d5	`#1245d5`
RGB Decimal	18, 69, 213	`rgb(18,69,213)`
RGB Percent	7.1, 27.1, 83.5	`rgb(7.1%,27.1%,83.5%)`
CMYK	92, 68, 0, 16
HSL	224.3°, 84.4, 45.3	`hsl(224.3,84.4%,45.3%)`
HSV (or HSB)	224.3°, 91.5, 83.5
Web Safe	0033cc	`#0033cc`

CIE-LAB	36.343, 40.841, -77.254
XYZ	14.385, 9.188, 63.962
xyY	0.164, 0.105, 9.188
CIE-LCH	36.343, 87.385, 297.864
CIE-LUV	36.343, -14.463, -107.731
Hunter-Lab	30.311, 31.669, -103.895
Binary	00010010, 01000101, 11010101

#1245d5
```
#1245d5 rgb(18,69,213)
```
#d5a212
```
#d5a212 rgb(213,162,18)
```

Complementary Color

#12a7d5
```
#12a7d5 rgb(18,167,213)
```
#1245d5
```
#1245d5 rgb(18,69,213)
```
#4012d5
```
#4012d5 rgb(64,18,213)
```

Analogous Color

#a7d512
```
#a7d512 rgb(167,213,18)
```
#1245d5
```
#1245d5 rgb(18,69,213)
```
#d54012
```
#d54012 rgb(213,64,18)
```

Split Complementary Color

#45d512
```
#45d512 rgb(69,213,18)
```
#1245d5
```
#1245d5 rgb(18,69,213)
```
#d51245
```
#d51245 rgb(213,18,69)
```

Triadic Color

#12d5a2
```
#12d5a2 rgb(18,213,162)
```
#1245d5
```
#1245d5 rgb(18,69,213)
```
#d51245
```
#d51245 rgb(213,18,69)
```
#d5a212
```
#d5a212 rgb(213,162,18)
```

Tetradic Color

#0c2e8e
```
#0c2e8e rgb(12,46,142)
```
#0e36a6
```
#0e36a6 rgb(14,54,166)
```
#103dbd
```
#103dbd rgb(16,61,189)
```
#1245d5
```
#1245d5 rgb(18,69,213)
```
#154deb
```
#154deb rgb(21,77,235)
```
#2d5fed
```
#2d5fed rgb(45,95,237)
```
#4471ef
```
#4471ef rgb(68,113,239)
```

Monochromatic Color

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

#1276d5
```
#1276d5 rgb(18,118,213)
```
#1266d5
```
#1266d5 rgb(18,102,213)
```
#1255d5
```
#1255d5 rgb(18,85,213)
```
#1245d5
```
#1245d5 rgb(18,69,213)
```
#1235d5
```
#1235d5 rgb(18,53,213)
```
#1225d5
```
#1225d5 rgb(18,37,213)
```
#1214d5
```
#1214d5 rgb(18,20,213)
```

Similar Colors

Text with hexadecimal color #1245d5

This text has a font color of #1245d5.

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

#1245d5 background color

This paragraph has a background color of #1245d5.

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

#1245d5 border color

This element has a border color of #1245d5.

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

CSS codes

.text {color:#1245d5;}

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

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

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)
```
#030a20
```
#030a20 rgb(3,10,32)
```
#041032
```
#041032 rgb(4,16,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)
```
#0d339f
```
#0d339f rgb(13,51,159)
```
#0f39b1
```
#0f39b1 rgb(15,57,177)
```
#103fc3
```
#103fc3 rgb(16,63,195)
```
#1245d5
```
#1245d5 rgb(18,69,213)
```
#144be7
```
#144be7 rgb(20,75,231)
```

Shade Color Variation

#2257ec
```
#2257ec rgb(34,87,236)
```
#3465ee
```
#3465ee rgb(52,101,238)
```
#4672ef
```
#4672ef rgb(70,114,239)
```
#5880f1
```
#5880f1 rgb(88,128,241)
```
#6a8ef2
```
#6a8ef2 rgb(106,142,242)
```
#7c9cf4
```
#7c9cf4 rgb(124,156,244)
```
#8ea9f5
```
#8ea9f5 rgb(142,169,245)
```
#a1b7f7
```
#a1b7f7 rgb(161,183,247)
```
#b3c5f9
```
#b3c5f9 rgb(179,197,249)
```
#c5d3fa
```
#c5d3fa rgb(197,211,250)
```
#d7e0fc
```
#d7e0fc rgb(215,224,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 #003de7 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)
```
#475ea0
```
#475ea0 rgb(71,94,160)
```
#3e5aa9
```
#3e5aa9 rgb(62,90,169)
```
#3656b1
```
#3656b1 rgb(54,86,177)
```
#2d52ba
```
#2d52ba rgb(45,82,186)
```
#244dc3
```
#244dc3 rgb(36,77,195)
```
#1b49cc
```
#1b49cc rgb(27,73,204)
```
#1245d5
```
#1245d5 rgb(18,69,213)
```
#0941de
```
#0941de rgb(9,65,222)
```
#003de7
```
#003de7 rgb(0,61,231)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3c4663 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609a Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#0653be Protanomaly 1% of men, 0.01% of women
#0656af Deuteranomaly 6% of men, 0.4% of women
#065b92 Tritanomaly 0.01% of the population

#1245d5 hex color

#1245d5 Color Information

#1245d5 Color Conversion

Color Schemes with #1245d5

Alternatives to #1245d5

#1245d5 Preview

Shades and Tints of #1245d5

Tones of #1245d5

Color Blindness Simulator