#1558a9 hex color

In a RGB color space, hex #1558a9 is composed of 8.2% red, 34.5% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 47.9% magenta, 0% yellow and 33.7% black. It has a hue angle of 212.8 degrees, a saturation of 77.9% and a lightness of 37.3%. #1558a9 color hex could be obtained by blending #2ab0ff with #000053. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 35
- B 66
RGB color chart
- C 88
- M 48
- Y 0
- K 34
CMYK color chart

● #1558a9 color description : Dark blue.

The hexadecimal color #1558a9 has RGB values of R:21, G:88, B:169 and CMYK values of C:0.88, M:0.48, Y:0, K:0.34. Its decimal value is 1398953.

Hex triplet	1558a9	`#1558a9`
RGB Decimal	21, 88, 169	`rgb(21,88,169)`
RGB Percent	8.2, 34.5, 66.3	`rgb(8.2%,34.5%,66.3%)`
CMYK	88, 48, 0, 34
HSL	212.8°, 77.9, 37.3	`hsl(212.8,77.9%,37.3%)`
HSV (or HSB)	212.8°, 87.6, 66.3
Web Safe	006699	`#006699`

CIE-LAB	37.847, 11.259, -49.059
XYZ	10.959, 10.003, 38.887
xyY	0.183, 0.167, 10.003
CIE-LCH	37.847, 50.334, 282.925
CIE-LUV	37.847, -19.663, -70.906
Hunter-Lab	31.627, 6.504, -50.762
Binary	00010101, 01011000, 10101001

#1558a9
```
#1558a9 rgb(21,88,169)
```
#a96615
```
#a96615 rgb(169,102,21)
```

Complementary Color

#15a2a9
```
#15a2a9 rgb(21,162,169)
```
#1558a9
```
#1558a9 rgb(21,88,169)
```
#1c15a9
```
#1c15a9 rgb(28,21,169)
```

Analogous Color

#a2a915
```
#a2a915 rgb(162,169,21)
```
#1558a9
```
#1558a9 rgb(21,88,169)
```
#a91c15
```
#a91c15 rgb(169,28,21)
```

Split Complementary Color

#58a915
```
#58a915 rgb(88,169,21)
```
#1558a9
```
#1558a9 rgb(21,88,169)
```
#a91558
```
#a91558 rgb(169,21,88)
```

Triadic Color

#15a966
```
#15a966 rgb(21,169,102)
```
#1558a9
```
#1558a9 rgb(21,88,169)
```
#a91558
```
#a91558 rgb(169,21,88)
```
#a96615
```
#a96615 rgb(169,102,21)
```

Tetradic Color

#0d3565
```
#0d3565 rgb(13,53,101)
```
#0f407c
```
#0f407c rgb(15,64,124)
```
#124c92
```
#124c92 rgb(18,76,146)
```
#1558a9
```
#1558a9 rgb(21,88,169)
```
#1864c0
```
#1864c0 rgb(24,100,192)
```
#1b70d6
```
#1b70d6 rgb(27,112,214)
```
#267ce4
```
#267ce4 rgb(38,124,228)
```

Monochromatic Color

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

#157da9
```
#157da9 rgb(21,125,169)
```
#1571a9
```
#1571a9 rgb(21,113,169)
```
#1564a9
```
#1564a9 rgb(21,100,169)
```
#1558a9
```
#1558a9 rgb(21,88,169)
```
#154ca9
```
#154ca9 rgb(21,76,169)
```
#153fa9
```
#153fa9 rgb(21,63,169)
```
#1533a9
```
#1533a9 rgb(21,51,169)
```

Similar Colors

Text with hexadecimal color #1558a9

This text has a font color of #1558a9.

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

#1558a9 background color

This paragraph has a background color of #1558a9.

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

#1558a9 border color

This element has a border color of #1558a9.

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

CSS codes

.text {color:#1558a9;}

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

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

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, #01060c is the darkest color, while #fafcfe is the lightest one.

#01060c
```
#01060c rgb(1,6,12)
```
#040f1d
```
#040f1d rgb(4,15,29)
```
#06182f
```
#06182f rgb(6,24,47)
```
#082140
```
#082140 rgb(8,33,64)
```
#0a2b52
```
#0a2b52 rgb(10,43,82)
```
#0c3463
```
#0c3463 rgb(12,52,99)
```
#0e3d75
```
#0e3d75 rgb(14,61,117)
```
#114686
```
#114686 rgb(17,70,134)
```
#134f98
```
#134f98 rgb(19,79,152)
```
#1558a9
```
#1558a9 rgb(21,88,169)
```
#1761ba
```
#1761ba rgb(23,97,186)
```
#196acc
```
#196acc rgb(25,106,204)
```
#1c73dd
```
#1c73dd rgb(28,115,221)
```

Shade Color Variation

#287de4
```
#287de4 rgb(40,125,228)
```
#3a88e6
```
#3a88e6 rgb(58,136,230)
```
#4b92e9
```
#4b92e9 rgb(75,146,233)
```
#5d9deb
```
#5d9deb rgb(93,157,235)
```
#6ea7ed
```
#6ea7ed rgb(110,167,237)
```
#7fb2ef
```
#7fb2ef rgb(127,178,239)
```
#91bdf1
```
#91bdf1 rgb(145,189,241)
```
#a2c7f3
```
#a2c7f3 rgb(162,199,243)
```
#b4d2f6
```
#b4d2f6 rgb(180,210,246)
```
#c5dcf8
```
#c5dcf8 rgb(197,220,248)
```
#d7e7fa
```
#d7e7fa rgb(215,231,250)
```
#e8f1fc
```
#e8f1fc rgb(232,241,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#5e5f60
```
#5e5f60 rgb(94,95,96)
```
#575e67
```
#575e67 rgb(87,94,103)
```
#4f5e6f
```
#4f5e6f rgb(79,94,111)
```
#485d76
```
#485d76 rgb(72,93,118)
```
#415c7d
```
#415c7d rgb(65,92,125)
```
#3a5b84
```
#3a5b84 rgb(58,91,132)
```
#325b8c
```
#325b8c rgb(50,91,140)
```
#2b5a93
```
#2b5a93 rgb(43,90,147)
```
#24599a
```
#24599a rgb(36,89,154)
```
#1c59a2
```
#1c59a2 rgb(28,89,162)
```
#1558a9
```
#1558a9 rgb(21,88,169)
```
#0e57b0
```
#0e57b0 rgb(14,87,176)
```
#0657b8
```
#0657b8 rgb(6,87,184)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#424f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#345fac Protanopia 1% of men
#0063a4 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#285caa Protanomaly 1% of men, 0.01% of women
#075fa6 Deuteranomaly 6% of men, 0.4% of women
#076485 Tritanomaly 0.01% of the population

#1558a9 hex color

#1558a9 Color Information

#1558a9 Color Conversion

Color Schemes with #1558a9

Alternatives to #1558a9

#1558a9 Preview

Shades and Tints of #1558a9

Tones of #1558a9

Color Blindness Simulator