#2558b6 hex color

In a RGB color space, hex #2558b6 is composed of 14.5% red, 34.5% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 51.6% magenta, 0% yellow and 28.6% black. It has a hue angle of 218.9 degrees, a saturation of 66.2% and a lightness of 42.9%. #2558b6 color hex could be obtained by blending #4ab0ff with #00006d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 15
- G 35
- B 71
RGB color chart
- C 80
- M 52
- Y 0
- K 29
CMYK color chart

● #2558b6 color description : Strong blue.

The hexadecimal color #2558b6 has RGB values of R:37, G:88, B:182 and CMYK values of C:0.8, M:0.52, Y:0, K:0.29. Its decimal value is 2447542.

Hex triplet	2558b6	`#2558b6`
RGB Decimal	37, 88, 182	`rgb(37,88,182)`
RGB Percent	14.5, 34.5, 71.4	`rgb(14.5%,34.5%,71.4%)`
CMYK	80, 52, 0, 29
HSL	218.9°, 66.2, 42.9	`hsl(218.9,66.2%,42.9%)`
HSV (or HSB)	218.9°, 79.7, 71.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.155, 17.844, -54.605
XYZ	12.694, 10.749, 45.659
xyY	0.184, 0.156, 10.749
CIE-LCH	39.155, 57.446, 288.097
CIE-LUV	39.155, -17.572, -80.005
Hunter-Lab	32.786, 11.738, -59.62
Binary	00100101, 01011000, 10110110

#2558b6
```
#2558b6 rgb(37,88,182)
```
#b68325
```
#b68325 rgb(182,131,37)
```

Complementary Color

#25a1b6
```
#25a1b6 rgb(37,161,182)
```
#2558b6
```
#2558b6 rgb(37,88,182)
```
#3a25b6
```
#3a25b6 rgb(58,37,182)
```

Analogous Color

#a1b625
```
#a1b625 rgb(161,182,37)
```
#2558b6
```
#2558b6 rgb(37,88,182)
```
#b63b25
```
#b63b25 rgb(182,59,37)
```

Split Complementary Color

#58b625
```
#58b625 rgb(88,182,37)
```
#2558b6
```
#2558b6 rgb(37,88,182)
```
#b62558
```
#b62558 rgb(182,37,88)
```

Triadic Color

#25b683
```
#25b683 rgb(37,182,131)
```
#2558b6
```
#2558b6 rgb(37,88,182)
```
#b62558
```
#b62558 rgb(182,37,88)
```
#b68325
```
#b68325 rgb(182,131,37)
```

Tetradic Color

#183976
```
#183976 rgb(24,57,118)
```
#1c448c
```
#1c448c rgb(28,68,140)
```
#214ea1
```
#214ea1 rgb(33,78,161)
```
#2558b6
```
#2558b6 rgb(37,88,182)
```
#2962cb
```
#2962cb rgb(41,98,203)
```
#386fd6
```
#386fd6 rgb(56,111,214)
```
#4d7fdb
```
#4d7fdb rgb(77,127,219)
```

Monochromatic Color

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

#257cb6
```
#257cb6 rgb(37,124,182)
```
#2570b6
```
#2570b6 rgb(37,112,182)
```
#2564b6
```
#2564b6 rgb(37,100,182)
```
#2558b6
```
#2558b6 rgb(37,88,182)
```
#254cb6
```
#254cb6 rgb(37,76,182)
```
#2540b6
```
#2540b6 rgb(37,64,182)
```
#2534b6
```
#2534b6 rgb(37,52,182)
```

Similar Colors

Text with hexadecimal color #2558b6

This text has a font color of #2558b6.

<span style="color:#2558b6;">Text here</span>

#2558b6 background color

This paragraph has a background color of #2558b6.

<p style="background-color:#2558b6;">Content here</p>

#2558b6 border color

This element has a border color of #2558b6.

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

CSS codes

.text {color:#2558b6;}

.background {background-color:#2558b6;}

.border {border:1px solid #2558b6;}

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

#010103
```
#010103 rgb(1,1,3)
```
#040913
```
#040913 rgb(4,9,19)
```
#071123
```
#071123 rgb(7,17,35)
```
#0a1934
```
#0a1934 rgb(10,25,52)
```
#0e2144
```
#0e2144 rgb(14,33,68)
```
#112954
```
#112954 rgb(17,41,84)
```
#143164
```
#143164 rgb(20,49,100)
```
#183875
```
#183875 rgb(24,56,117)
```
#1b4085
```
#1b4085 rgb(27,64,133)
```
#1e4895
```
#1e4895 rgb(30,72,149)
```
#2250a6
```
#2250a6 rgb(34,80,166)
```
#2558b6
```
#2558b6 rgb(37,88,182)
```
#2860c6
```
#2860c6 rgb(40,96,198)
```

Shade Color Variation

#2e68d4
```
#2e68d4 rgb(46,104,212)
```
#3e74d8
```
#3e74d8 rgb(62,116,216)
```
#4e80db
```
#4e80db rgb(78,128,219)
```
#5f8cde
```
#5f8cde rgb(95,140,222)
```
#6f97e2
```
#6f97e2 rgb(111,151,226)
```
#7fa3e5
```
#7fa3e5 rgb(127,163,229)
```
#90afe8
```
#90afe8 rgb(144,175,232)
```
#a0bbec
```
#a0bbec rgb(160,187,236)
```
#b0c6ef
```
#b0c6ef rgb(176,198,239)
```
#c0d2f2
```
#c0d2f2 rgb(192,210,242)
```
#d1def6
```
#d1def6 rgb(209,222,246)
```
#e1e9f9
```
#e1e9f9 rgb(225,233,249)
```
#f1f5fc
```
#f1f5fc rgb(241,245,252)
```

Tint Color Variation

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

#686c73
```
#686c73 rgb(104,108,115)
```
#60697b
```
#60697b rgb(96,105,123)
```
#586783
```
#586783 rgb(88,103,131)
```
#4f648c
```
#4f648c rgb(79,100,140)
```
#476294
```
#476294 rgb(71,98,148)
```
#3e5f9d
```
#3e5f9d rgb(62,95,157)
```
#365da5
```
#365da5 rgb(54,93,165)
```
#2d5aae
```
#2d5aae rgb(45,90,174)
```
#2558b6
```
#2558b6 rgb(37,88,182)
```
#1d56be
```
#1d56be rgb(29,86,190)
```
#1453c7
```
#1453c7 rgb(20,83,199)
```
#0c51cf
```
#0c51cf rgb(12,81,207)
```
#034ed8
```
#034ed8 rgb(3,78,216)
```

Tone Color Variation

Below, you can see how #2558b6 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

#535353 Achromatopsia 0.005% of the population
#4a5467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2261ba Protanopia 1% of men
#0066a8 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#235eb9 Protanomaly 1% of men, 0.01% of women
#0d61ad Deuteranomaly 6% of men, 0.4% of women
#0d668c Tritanomaly 0.01% of the population

#2558b6 hex color

#2558b6 Color Information

#2558b6 Color Conversion

Color Schemes with #2558b6

Alternatives to #2558b6

#2558b6 Preview

Shades and Tints of #2558b6

Tones of #2558b6

Color Blindness Simulator