#1458cc hex color

In a RGB color space, hex #1458cc is composed of 7.8% red, 34.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 56.9% magenta, 0% yellow and 20% black. It has a hue angle of 217.8 degrees, a saturation of 82.1% and a lightness of 43.9%. #1458cc color hex could be obtained by blending #28b0ff with #000099. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 35
- B 80
RGB color chart
- C 90
- M 57
- Y 0
- K 20
CMYK color chart

● #1458cc color description : Strong blue.

The hexadecimal color #1458cc has RGB values of R:20, G:88, B:204 and CMYK values of C:0.9, M:0.57, Y:0, K:0.2. Its decimal value is 1333452.

Hex triplet	1458cc	`#1458cc`
RGB Decimal	20, 88, 204	`rgb(20,88,204)`
RGB Percent	7.8, 34.5, 80	`rgb(7.8%,34.5%,80%)`
CMYK	90, 57, 0, 20
HSL	217.8°, 82.1, 43.9	`hsl(217.8,82.1%,43.9%)`
HSV (or HSB)	217.8°, 90.2, 80
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.388, 25.183, -65.432
XYZ	14.675, 11.487, 58.567
xyY	0.173, 0.136, 11.487
CIE-LCH	40.388, 70.11, 291.05
CIE-LUV	40.388, -18.895, -96.236
Hunter-Lab	33.892, 17.979, -78.732
Binary	00010100, 01011000, 11001100

#1458cc
```
#1458cc rgb(20,88,204)
```
#cc8814
```
#cc8814 rgb(204,136,20)
```

Complementary Color

#14b4cc
```
#14b4cc rgb(20,180,204)
```
#1458cc
```
#1458cc rgb(20,88,204)
```
#2c14cc
```
#2c14cc rgb(44,20,204)
```

Analogous Color

#b4cc14
```
#b4cc14 rgb(180,204,20)
```
#1458cc
```
#1458cc rgb(20,88,204)
```
#cc2c14
```
#cc2c14 rgb(204,44,20)
```

Split Complementary Color

#58cc14
```
#58cc14 rgb(88,204,20)
```
#1458cc
```
#1458cc rgb(20,88,204)
```
#cc1458
```
#cc1458 rgb(204,20,88)
```

Triadic Color

#14cc88
```
#14cc88 rgb(20,204,136)
```
#1458cc
```
#1458cc rgb(20,88,204)
```
#cc1458
```
#cc1458 rgb(204,20,88)
```
#cc8814
```
#cc8814 rgb(204,136,20)
```

Tetradic Color

#0d3a86
```
#0d3a86 rgb(13,58,134)
```
#0f449e
```
#0f449e rgb(15,68,158)
```
#124eb5
```
#124eb5 rgb(18,78,181)
```
#1458cc
```
#1458cc rgb(20,88,204)
```
#1662e3
```
#1662e3 rgb(22,98,227)
```
#2970ea
```
#2970ea rgb(41,112,234)
```
#4080ec
```
#4080ec rgb(64,128,236)
```

Monochromatic Color

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

#1486cc
```
#1486cc rgb(20,134,204)
```
#1477cc
```
#1477cc rgb(20,119,204)
```
#1467cc
```
#1467cc rgb(20,103,204)
```
#1458cc
```
#1458cc rgb(20,88,204)
```
#1449cc
```
#1449cc rgb(20,73,204)
```
#1439cc
```
#1439cc rgb(20,57,204)
```
#142acc
```
#142acc rgb(20,42,204)
```

Similar Colors

Text with hexadecimal color #1458cc

This text has a font color of #1458cc.

<span style="color:#1458cc;">Text here</span>

#1458cc background color

This paragraph has a background color of #1458cc.

<p style="background-color:#1458cc;">Content here</p>

#1458cc border color

This element has a border color of #1458cc.

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

CSS codes

.text {color:#1458cc;}

.background {background-color:#1458cc;}

.border {border:1px solid #1458cc;}

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

#010307
```
#010307 rgb(1,3,7)
```
#020b19
```
#020b19 rgb(2,11,25)
```
#04132b
```
#04132b rgb(4,19,43)
```
#061a3d
```
#061a3d rgb(6,26,61)
```
#08224f
```
#08224f rgb(8,34,79)
```
#092a61
```
#092a61 rgb(9,42,97)
```
#0b3173
```
#0b3173 rgb(11,49,115)
```
#0d3985
```
#0d3985 rgb(13,57,133)
```
#0f4196
```
#0f4196 rgb(15,65,150)
```
#1049a8
```
#1049a8 rgb(16,73,168)
```
#1250ba
```
#1250ba rgb(18,80,186)
```
#1458cc
```
#1458cc rgb(20,88,204)
```
#1660de
```
#1660de rgb(22,96,222)
```

Shade Color Variation

#1e69e9
```
#1e69e9 rgb(30,105,233)
```
#3075eb
```
#3075eb rgb(48,117,235)
```
#4281ec
```
#4281ec rgb(66,129,236)
```
#548dee
```
#548dee rgb(84,141,238)
```
#6699f0
```
#6699f0 rgb(102,153,240)
```
#78a5f2
```
#78a5f2 rgb(120,165,242)
```
#89b1f3
```
#89b1f3 rgb(137,177,243)
```
#9bbdf5
```
#9bbdf5 rgb(155,189,245)
```
#adc8f7
```
#adc8f7 rgb(173,200,247)
```
#bfd4f9
```
#bfd4f9 rgb(191,212,249)
```
#d1e0fa
```
#d1e0fa rgb(209,224,250)
```
#e3ecfc
```
#e3ecfc rgb(227,236,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#6a6e76
```
#6a6e76 rgb(106,110,118)
```
#626c7e
```
#626c7e rgb(98,108,126)
```
#596a87
```
#596a87 rgb(89,106,135)
```
#506890
```
#506890 rgb(80,104,144)
```
#486598
```
#486598 rgb(72,101,152)
```
#3f63a1
```
#3f63a1 rgb(63,99,161)
```
#3661aa
```
#3661aa rgb(54,97,170)
```
#2e5fb2
```
#2e5fb2 rgb(46,95,178)
```
#255cbb
```
#255cbb rgb(37,92,187)
```
#1d5ac3
```
#1d5ac3 rgb(29,90,195)
```
#1458cc
```
#1458cc rgb(20,88,204)
```
#0b56d5
```
#0b56d5 rgb(11,86,213)
```
#0354dd
```
#0354dd rgb(3,84,221)
```

Tone Color Variation

Below, you can see how #1458cc 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

#515151 Achromatopsia 0.005% of the population
#45526a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#0069ab Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#075fc7 Protanomaly 1% of men, 0.01% of women
#0763b7 Deuteranomaly 6% of men, 0.4% of women
#076896 Tritanomaly 0.01% of the population

#1458cc hex color

#1458cc Color Information

#1458cc Color Conversion

Color Schemes with #1458cc

Alternatives to #1458cc

#1458cc Preview

Shades and Tints of #1458cc

Tones of #1458cc

Color Blindness Simulator