#1558c4 hex color

In a RGB color space, hex #1558c4 is composed of 8.2% red, 34.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 55.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 217 degrees, a saturation of 80.6% and a lightness of 42.5%. #1558c4 color hex could be obtained by blending #2ab0ff with #000089. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 35
- B 77
RGB color chart
- C 89
- M 55
- Y 0
- K 23
CMYK color chart

● #1558c4 color description : Strong blue.

The hexadecimal color #1558c4 has RGB values of R:21, G:88, B:196 and CMYK values of C:0.89, M:0.55, Y:0, K:0.23. Its decimal value is 1398980.

Hex triplet	1558c4	`#1558c4`
RGB Decimal	21, 88, 196	`rgb(21,88,196)`
RGB Percent	8.2, 34.5, 76.9	`rgb(8.2%,34.5%,76.9%)`
CMYK	89, 55, 0, 23
HSL	217°, 80.6, 42.5	`hsl(217,80.6%,42.5%)`
HSV (or HSB)	217°, 89.3, 76.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.787, 22.082, -61.776
XYZ	13.761, 11.123, 53.643
xyY	0.175, 0.142, 11.123
CIE-LCH	39.787, 65.604, 289.67
CIE-LUV	39.787, -18.972, -90.632
Hunter-Lab	33.352, 15.283, -72.017
Binary	00010101, 01011000, 11000100

#1558c4
```
#1558c4 rgb(21,88,196)
```
#c48115
```
#c48115 rgb(196,129,21)
```

Complementary Color

#15b0c4
```
#15b0c4 rgb(21,176,196)
```
#1558c4
```
#1558c4 rgb(21,88,196)
```
#2a15c4
```
#2a15c4 rgb(42,21,196)
```

Analogous Color

#b0c415
```
#b0c415 rgb(176,196,21)
```
#1558c4
```
#1558c4 rgb(21,88,196)
```
#c42a15
```
#c42a15 rgb(196,42,21)
```

Split Complementary Color

#58c415
```
#58c415 rgb(88,196,21)
```
#1558c4
```
#1558c4 rgb(21,88,196)
```
#c41558
```
#c41558 rgb(196,21,88)
```

Triadic Color

#15c481
```
#15c481 rgb(21,196,129)
```
#1558c4
```
#1558c4 rgb(21,88,196)
```
#c41558
```
#c41558 rgb(196,21,88)
```
#c48115
```
#c48115 rgb(196,129,21)
```

Tetradic Color

#0e397f
```
#0e397f rgb(14,57,127)
```
#104396
```
#104396 rgb(16,67,150)
```
#134ead
```
#134ead rgb(19,78,173)
```
#1558c4
```
#1558c4 rgb(21,88,196)
```
#1762db
```
#1762db rgb(23,98,219)
```
#246fe8
```
#246fe8 rgb(36,111,232)
```
#3b7eea
```
#3b7eea rgb(59,126,234)
```

Monochromatic Color

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

#1584c4
```
#1584c4 rgb(21,132,196)
```
#1575c4
```
#1575c4 rgb(21,117,196)
```
#1567c4
```
#1567c4 rgb(21,103,196)
```
#1558c4
```
#1558c4 rgb(21,88,196)
```
#1549c4
```
#1549c4 rgb(21,73,196)
```
#153bc4
```
#153bc4 rgb(21,59,196)
```
#152cc4
```
#152cc4 rgb(21,44,196)
```

Similar Colors

Text with hexadecimal color #1558c4

This text has a font color of #1558c4.

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

#1558c4 background color

This paragraph has a background color of #1558c4.

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

#1558c4 border color

This element has a border color of #1558c4.

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

CSS codes

.text {color:#1558c4;}

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

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

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 #eef4fd is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#020813
```
#020813 rgb(2,8,19)
```
#041025
```
#041025 rgb(4,16,37)
```
#061836
```
#061836 rgb(6,24,54)
```
#082048
```
#082048 rgb(8,32,72)
```
#0a285a
```
#0a285a rgb(10,40,90)
```
#0c306b
```
#0c306b rgb(12,48,107)
```
#0d387d
```
#0d387d rgb(13,56,125)
```
#0f408f
```
#0f408f rgb(15,64,143)
```
#1148a1
```
#1148a1 rgb(17,72,161)
```
#1350b2
```
#1350b2 rgb(19,80,178)
```
#1558c4
```
#1558c4 rgb(21,88,196)
```
#1760d6
```
#1760d6 rgb(23,96,214)
```

Shade Color Variation

#1a68e6
```
#1a68e6 rgb(26,104,230)
```
#2c74e8
```
#2c74e8 rgb(44,116,232)
```
#3d7fea
```
#3d7fea rgb(61,127,234)
```
#4f8bec
```
#4f8bec rgb(79,139,236)
```
#6197ee
```
#6197ee rgb(97,151,238)
```
#72a2f0
```
#72a2f0 rgb(114,162,240)
```
#84aef2
```
#84aef2 rgb(132,174,242)
```
#96baf4
```
#96baf4 rgb(150,186,244)
```
#a8c5f6
```
#a8c5f6 rgb(168,197,246)
```
#b9d1f8
```
#b9d1f8 rgb(185,209,248)
```
#cbddf9
```
#cbddf9 rgb(203,221,249)
```
#dde8fb
```
#dde8fb rgb(221,232,251)
```
#eef4fd
```
#eef4fd rgb(238,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686c71 is the less saturated color, while #0454d5 is the most saturated one.

#686c71
```
#686c71 rgb(104,108,113)
```
#606a79
```
#606a79 rgb(96,106,121)
```
#586881
```
#586881 rgb(88,104,129)
```
#4f668a
```
#4f668a rgb(79,102,138)
```
#476492
```
#476492 rgb(71,100,146)
```
#3f629a
```
#3f629a rgb(63,98,154)
```
#3660a3
```
#3660a3 rgb(54,96,163)
```
#2e5eab
```
#2e5eab rgb(46,94,171)
```
#265cb3
```
#265cb3 rgb(38,92,179)
```
#1d5abc
```
#1d5abc rgb(29,90,188)
```
#1558c4
```
#1558c4 rgb(21,88,196)
```
#0d56cc
```
#0d56cc rgb(13,86,204)
```
#0454d5
```
#0454d5 rgb(4,84,213)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#445267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c2 Protanopia 1% of men
#0068a9 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#075ec2 Protanomaly 1% of men, 0.01% of women
#0762b3 Deuteranomaly 6% of men, 0.4% of women
#076792 Tritanomaly 0.01% of the population

#1558c4 hex color

#1558c4 Color Information

#1558c4 Color Conversion

Color Schemes with #1558c4

Alternatives to #1558c4

#1558c4 Preview

Shades and Tints of #1558c4

Tones of #1558c4

Color Blindness Simulator