#2558c8 hex color

In a RGB color space, hex #2558c8 is composed of 14.5% red, 34.5% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 56% magenta, 0% yellow and 21.6% black. It has a hue angle of 221.2 degrees, a saturation of 68.8% and a lightness of 46.5%. #2558c8 color hex could be obtained by blending #4ab0ff with #000091. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 15
- G 35
- B 78
RGB color chart
- C 82
- M 56
- Y 0
- K 22
CMYK color chart

● #2558c8 color description : Strong blue.

The hexadecimal color #2558c8 has RGB values of R:37, G:88, B:200 and CMYK values of C:0.82, M:0.56, Y:0, K:0.22. Its decimal value is 2447560.

Hex triplet	2558c8	`#2558c8`
RGB Decimal	37, 88, 200	`rgb(37,88,200)`
RGB Percent	14.5, 34.5, 78.4	`rgb(14.5%,34.5%,78.4%)`
CMYK	82, 56, 0, 22
HSL	221.2°, 68.8, 46.5	`hsl(221.2,68.8%,46.5%)`
HSV (or HSB)	221.2°, 81.5, 78.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.478, 24.799, -62.954
XYZ	14.676, 11.542, 56.095
xyY	0.178, 0.14, 11.542
CIE-LCH	40.478, 67.663, 291.501
CIE-LUV	40.478, -17.357, -92.941
Hunter-Lab	33.973, 17.656, -74.115
Binary	00100101, 01011000, 11001000

#2558c8
```
#2558c8 rgb(37,88,200)
```
#c89525
```
#c89525 rgb(200,149,37)
```

Complementary Color

#25aac8
```
#25aac8 rgb(37,170,200)
```
#2558c8
```
#2558c8 rgb(37,88,200)
```
#4325c8
```
#4325c8 rgb(67,37,200)
```

Analogous Color

#aac825
```
#aac825 rgb(170,200,37)
```
#2558c8
```
#2558c8 rgb(37,88,200)
```
#c84325
```
#c84325 rgb(200,67,37)
```

Split Complementary Color

#58c825
```
#58c825 rgb(88,200,37)
```
#2558c8
```
#2558c8 rgb(37,88,200)
```
#c82558
```
#c82558 rgb(200,37,88)
```

Triadic Color

#25c895
```
#25c895 rgb(37,200,149)
```
#2558c8
```
#2558c8 rgb(37,88,200)
```
#c82558
```
#c82558 rgb(200,37,88)
```
#c89525
```
#c89525 rgb(200,149,37)
```

Tetradic Color

#193c87
```
#193c87 rgb(25,60,135)
```
#1d459d
```
#1d459d rgb(29,69,157)
```
#214fb2
```
#214fb2 rgb(33,79,178)
```
#2558c8
```
#2558c8 rgb(37,88,200)
```
#2e63d8
```
#2e63d8 rgb(46,99,216)
```
#4473dc
```
#4473dc rgb(68,115,220)
```
#5983e0
```
#5983e0 rgb(89,131,224)
```

Monochromatic Color

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

#2581c8
```
#2581c8 rgb(37,129,200)
```
#2573c8
```
#2573c8 rgb(37,115,200)
```
#2566c8
```
#2566c8 rgb(37,102,200)
```
#2558c8
```
#2558c8 rgb(37,88,200)
```
#254ac8
```
#254ac8 rgb(37,74,200)
```
#253dc8
```
#253dc8 rgb(37,61,200)
```
#252fc8
```
#252fc8 rgb(37,47,200)
```

Similar Colors

Text with hexadecimal color #2558c8

This text has a font color of #2558c8.

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

#2558c8 background color

This paragraph has a background color of #2558c8.

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

#2558c8 border color

This element has a border color of #2558c8.

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

CSS codes

.text {color:#2558c8;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030812
```
#030812 rgb(3,8,18)
```
#060f22
```
#060f22 rgb(6,15,34)
```
#091633
```
#091633 rgb(9,22,51)
```
#0d1e44
```
#0d1e44 rgb(13,30,68)
```
#102554
```
#102554 rgb(16,37,84)
```
#132c65
```
#132c65 rgb(19,44,101)
```
#163475
```
#163475 rgb(22,52,117)
```
#193b86
```
#193b86 rgb(25,59,134)
```
#1c4296
```
#1c4296 rgb(28,66,150)
```
#1f49a7
```
#1f49a7 rgb(31,73,167)
```
#2251b7
```
#2251b7 rgb(34,81,183)
```
#2558c8
```
#2558c8 rgb(37,88,200)
```

Shade Color Variation

#2960d7
```
#2960d7 rgb(41,96,215)
```
#3a6cdb
```
#3a6cdb rgb(58,108,219)
```
#4a78de
```
#4a78de rgb(74,120,222)
```
#5b85e1
```
#5b85e1 rgb(91,133,225)
```
#6b91e4
```
#6b91e4 rgb(107,145,228)
```
#7c9de7
```
#7c9de7 rgb(124,157,231)
```
#8caaea
```
#8caaea rgb(140,170,234)
```
#9db6ed
```
#9db6ed rgb(157,182,237)
```
#aec2f0
```
#aec2f0 rgb(174,194,240)
```
#becff3
```
#becff3 rgb(190,207,243)
```
#cfdbf6
```
#cfdbf6 rgb(207,219,246)
```
#dfe7f9
```
#dfe7f9 rgb(223,231,249)
```
#f0f4fc
```
#f0f4fc rgb(240,244,252)
```

Tint Color Variation

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

#6e737f
```
#6e737f rgb(110,115,127)
```
#657088
```
#657088 rgb(101,112,136)
```
#5c6c91
```
#5c6c91 rgb(92,108,145)
```
#53699a
```
#53699a rgb(83,105,154)
```
#4966a4
```
#4966a4 rgb(73,102,164)
```
#4062ad
```
#4062ad rgb(64,98,173)
```
#375fb6
```
#375fb6 rgb(55,95,182)
```
#2e5bbf
```
#2e5bbf rgb(46,91,191)
```
#2558c8
```
#2558c8 rgb(37,88,200)
```
#1c55d1
```
#1c55d1 rgb(28,85,209)
```
#1351da
```
#1351da rgb(19,81,218)
```
#0a4ee3
```
#0a4ee3 rgb(10,78,227)
```
#014aec
```
#014aec rgb(1,74,236)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4c566d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c5 Protanopia 1% of men
#006aac Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#0d5fc6 Protanomaly 1% of men, 0.01% of women
#0d63b6 Deuteranomaly 6% of men, 0.4% of women
#0d6895 Tritanomaly 0.01% of the population

#2558c8 hex color

#2558c8 Color Information

#2558c8 Color Conversion

Color Schemes with #2558c8

Alternatives to #2558c8

#2558c8 Preview

Shades and Tints of #2558c8

Tones of #2558c8

Color Blindness Simulator