#1558cc hex color

In a RGB color space, hex #1558cc is composed of 8.2% red, 34.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 56.9% magenta, 0% yellow and 20% black. It has a hue angle of 218 degrees, a saturation of 81.3% and a lightness of 44.1%. #1558cc color hex could be obtained by blending #2ab0ff 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

● #1558cc color description : Strong blue.

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

Hex triplet	1558cc	`#1558cc`
RGB Decimal	21, 88, 204	`rgb(21,88,204)`
RGB Percent	8.2, 34.5, 80	`rgb(8.2%,34.5%,80%)`
CMYK	90, 57, 0, 20
HSL	218°, 81.3, 44.1	`hsl(218,81.3%,44.1%)`
HSV (or HSB)	218°, 89.7, 80
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.406, 25.234, -65.402
XYZ	14.696, 11.497, 58.568
xyY	0.173, 0.136, 11.497
CIE-LCH	40.406, 70.101, 291.098
CIE-LUV	40.406, -18.826, -96.214
Hunter-Lab	33.908, 18.024, -78.675
Binary	00010101, 01011000, 11001100

#1558cc
```
#1558cc rgb(21,88,204)
```
#cc8915
```
#cc8915 rgb(204,137,21)
```

Complementary Color

#15b4cc
```
#15b4cc rgb(21,180,204)
```
#1558cc
```
#1558cc rgb(21,88,204)
```
#2e15cc
```
#2e15cc rgb(46,21,204)
```

Analogous Color

#b4cc15
```
#b4cc15 rgb(180,204,21)
```
#1558cc
```
#1558cc rgb(21,88,204)
```
#cc2e15
```
#cc2e15 rgb(204,46,21)
```

Split Complementary Color

#58cc15
```
#58cc15 rgb(88,204,21)
```
#1558cc
```
#1558cc rgb(21,88,204)
```
#cc1558
```
#cc1558 rgb(204,21,88)
```

Triadic Color

#15cc89
```
#15cc89 rgb(21,204,137)
```
#1558cc
```
#1558cc rgb(21,88,204)
```
#cc1558
```
#cc1558 rgb(204,21,88)
```
#cc8915
```
#cc8915 rgb(204,137,21)
```

Tetradic Color

#0e3a87
```
#0e3a87 rgb(14,58,135)
```
#10449e
```
#10449e rgb(16,68,158)
```
#134eb5
```
#134eb5 rgb(19,78,181)
```
#1558cc
```
#1558cc rgb(21,88,204)
```
#1762e3
```
#1762e3 rgb(23,98,227)
```
#2b71e9
```
#2b71e9 rgb(43,113,233)
```
#4280ec
```
#4280ec rgb(66,128,236)
```

Monochromatic Color

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

#1586cc
```
#1586cc rgb(21,134,204)
```
#1577cc
```
#1577cc rgb(21,119,204)
```
#1567cc
```
#1567cc rgb(21,103,204)
```
#1558cc
```
#1558cc rgb(21,88,204)
```
#1549cc
```
#1549cc rgb(21,73,204)
```
#153acc
```
#153acc rgb(21,58,204)
```
#152acc
```
#152acc rgb(21,42,204)
```

Similar Colors

Text with hexadecimal color #1558cc

This text has a font color of #1558cc.

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

#1558cc background color

This paragraph has a background color of #1558cc.

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

#1558cc border color

This element has a border color of #1558cc.

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

CSS codes

.text {color:#1558cc;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#030b1a
```
#030b1a rgb(3,11,26)
```
#05132c
```
#05132c rgb(5,19,44)
```
#061b3e
```
#061b3e rgb(6,27,62)
```
#082250
```
#082250 rgb(8,34,80)
```
#0a2a61
```
#0a2a61 rgb(10,42,97)
```
#0c3273
```
#0c3273 rgb(12,50,115)
```
#0e3985
```
#0e3985 rgb(14,57,133)
```
#104197
```
#104197 rgb(16,65,151)
```
#1149a8
```
#1149a8 rgb(17,73,168)
```
#1350ba
```
#1350ba rgb(19,80,186)
```
#1558cc
```
#1558cc rgb(21,88,204)
```
#1760de
```
#1760de rgb(23,96,222)
```

Shade Color Variation

#2069e8
```
#2069e8 rgb(32,105,232)
```
#3275ea
```
#3275ea rgb(50,117,234)
```
#4481ec
```
#4481ec rgb(68,129,236)
```
#568dee
```
#568dee rgb(86,141,238)
```
#6799ef
```
#6799ef rgb(103,153,239)
```
#79a5f1
```
#79a5f1 rgb(121,165,241)
```
#8bb1f3
```
#8bb1f3 rgb(139,177,243)
```
#9dbdf5
```
#9dbdf5 rgb(157,189,245)
```
#aec9f7
```
#aec9f7 rgb(174,201,247)
```
#c0d5f9
```
#c0d5f9 rgb(192,213,249)
```
#d2e1fa
```
#d2e1fa rgb(210,225,250)
```
#e4edfc
```
#e4edfc rgb(228,237,252)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#6c6f75
```
#6c6f75 rgb(108,111,117)
```
#636d7e
```
#636d7e rgb(99,109,126)
```
#5a6b87
```
#5a6b87 rgb(90,107,135)
```
#52688f
```
#52688f rgb(82,104,143)
```
#496698
```
#496698 rgb(73,102,152)
```
#4064a1
```
#4064a1 rgb(64,100,161)
```
#3861a9
```
#3861a9 rgb(56,97,169)
```
#2f5fb2
```
#2f5fb2 rgb(47,95,178)
```
#265dbb
```
#265dbb rgb(38,93,187)
```
#1e5ac3
```
#1e5ac3 rgb(30,90,195)
```
#1558cc
```
#1558cc rgb(21,88,204)
```
#0c56d5
```
#0c56d5 rgb(12,86,213)
```
#0453dd
```
#0453dd rgb(4,83,221)
```

Tone Color Variation

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

#1558cc hex color

#1558cc Color Information

#1558cc Color Conversion

Color Schemes with #1558cc

Alternatives to #1558cc

#1558cc Preview

Shades and Tints of #1558cc

Tones of #1558cc

Color Blindness Simulator