#1558b2 hex color

In a RGB color space, hex #1558b2 is composed of 8.2% red, 34.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 50.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 214.4 degrees, a saturation of 78.9% and a lightness of 39%. #1558b2 color hex could be obtained by blending #2ab0ff with #000065. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 35
- B 70
RGB color chart
- C 88
- M 51
- Y 0
- K 30
CMYK color chart

● #1558b2 color description : Dark blue.

The hexadecimal color #1558b2 has RGB values of R:21, G:88, B:178 and CMYK values of C:0.88, M:0.51, Y:0, K:0.3. Its decimal value is 1398962.

Hex triplet	1558b2	`#1558b2`
RGB Decimal	21, 88, 178	`rgb(21,88,178)`
RGB Percent	8.2, 34.5, 69.8	`rgb(8.2%,34.5%,69.8%)`
CMYK	88, 51, 0, 30
HSL	214.4°, 78.9, 39	`hsl(214.4,78.9%,39%)`
HSV (or HSB)	214.4°, 88.2, 69.8
Web Safe	006699	`#006699`

CIE-LAB	38.467, 14.891, -53.383
XYZ	11.833, 10.352, 43.492
xyY	0.18, 0.158, 10.352
CIE-LCH	38.467, 55.421, 285.587
CIE-LUV	38.467, -19.397, -77.639
Hunter-Lab	32.175, 9.342, -57.621
Binary	00010101, 01011000, 10110010

#1558b2
```
#1558b2 rgb(21,88,178)
```
#b26f15
```
#b26f15 rgb(178,111,21)
```

Complementary Color

#15a7b2
```
#15a7b2 rgb(21,167,178)
```
#1558b2
```
#1558b2 rgb(21,88,178)
```
#2115b2
```
#2115b2 rgb(33,21,178)
```

Analogous Color

#a7b215
```
#a7b215 rgb(167,178,21)
```
#1558b2
```
#1558b2 rgb(21,88,178)
```
#b22115
```
#b22115 rgb(178,33,21)
```

Split Complementary Color

#58b215
```
#58b215 rgb(88,178,21)
```
#1558b2
```
#1558b2 rgb(21,88,178)
```
#b21558
```
#b21558 rgb(178,21,88)
```

Triadic Color

#15b26f
```
#15b26f rgb(21,178,111)
```
#1558b2
```
#1558b2 rgb(21,88,178)
```
#b21558
```
#b21558 rgb(178,21,88)
```
#b26f15
```
#b26f15 rgb(178,111,21)
```

Tetradic Color

#0d366e
```
#0d366e rgb(13,54,110)
```
#104184
```
#104184 rgb(16,65,132)
```
#124d9b
```
#124d9b rgb(18,77,155)
```
#1558b2
```
#1558b2 rgb(21,88,178)
```
#1863c9
```
#1863c9 rgb(24,99,201)
```
#1a6fe0
```
#1a6fe0 rgb(26,111,224)
```
#2d7ce6
```
#2d7ce6 rgb(45,124,230)
```

Monochromatic Color

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

#157fb2
```
#157fb2 rgb(21,127,178)
```
#1572b2
```
#1572b2 rgb(21,114,178)
```
#1565b2
```
#1565b2 rgb(21,101,178)
```
#1558b2
```
#1558b2 rgb(21,88,178)
```
#154bb2
```
#154bb2 rgb(21,75,178)
```
#153eb2
```
#153eb2 rgb(21,62,178)
```
#1531b2
```
#1531b2 rgb(21,49,178)
```

Similar Colors

Text with hexadecimal color #1558b2

This text has a font color of #1558b2.

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

#1558b2 background color

This paragraph has a background color of #1558b2.

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

#1558b2 border color

This element has a border color of #1558b2.

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

CSS codes

.text {color:#1558b2;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020a14
```
#020a14 rgb(2,10,20)
```
#041326
```
#041326 rgb(4,19,38)
```
#071b37
```
#071b37 rgb(7,27,55)
```
#092449
```
#092449 rgb(9,36,73)
```
#0b2d5a
```
#0b2d5a rgb(11,45,90)
```
#0d356c
```
#0d356c rgb(13,53,108)
```
#0f3e7d
```
#0f3e7d rgb(15,62,125)
```
#11478f
```
#11478f rgb(17,71,143)
```
#134fa0
```
#134fa0 rgb(19,79,160)
```
#1558b2
```
#1558b2 rgb(21,88,178)
```
#1761c4
```
#1761c4 rgb(23,97,196)
```
#1969d5
```
#1969d5 rgb(25,105,213)
```

Shade Color Variation

#1d72e4
```
#1d72e4 rgb(29,114,228)
```
#2f7de6
```
#2f7de6 rgb(47,125,230)
```
#4188e9
```
#4188e9 rgb(65,136,233)
```
#5293eb
```
#5293eb rgb(82,147,235)
```
#649eed
```
#649eed rgb(100,158,237)
```
#75a9ef
```
#75a9ef rgb(117,169,239)
```
#87b4f1
```
#87b4f1 rgb(135,180,241)
```
#98bff3
```
#98bff3 rgb(152,191,243)
```
#aacaf5
```
#aacaf5 rgb(170,202,245)
```
#bbd5f7
```
#bbd5f7 rgb(187,213,247)
```
#cde0f9
```
#cde0f9 rgb(205,224,249)
```
#deebfb
```
#deebfb rgb(222,235,251)
```
#f0f6fd
```
#f0f6fd rgb(240,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626365 is the less saturated color, while #0656c1 is the most saturated one.

#626365
```
#626365 rgb(98,99,101)
```
#5a626d
```
#5a626d rgb(90,98,109)
```
#526175
```
#526175 rgb(82,97,117)
```
#4b607c
```
#4b607c rgb(75,96,124)
```
#435f84
```
#435f84 rgb(67,95,132)
```
#3b5e8c
```
#3b5e8c rgb(59,94,140)
```
#345c93
```
#345c93 rgb(52,92,147)
```
#2c5b9b
```
#2c5b9b rgb(44,91,155)
```
#245aa3
```
#245aa3 rgb(36,90,163)
```
#1d59aa
```
#1d59aa rgb(29,89,170)
```
#1558b2
```
#1558b2 rgb(21,88,178)
```
#0d57ba
```
#0d57ba rgb(13,87,186)
```
#0656c1
```
#0656c1 rgb(6,86,193)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#435062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2860b5 Protanopia 1% of men
#0065a5 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#215db4 Protanomaly 1% of men, 0.01% of women
#0760aa Deuteranomaly 6% of men, 0.4% of women
#07658a Tritanomaly 0.01% of the population

#1558b2 hex color

#1558b2 Color Information

#1558b2 Color Conversion

Color Schemes with #1558b2

Alternatives to #1558b2

#1558b2 Preview

Shades and Tints of #1558b2

Tones of #1558b2

Color Blindness Simulator