#2558ed hex color

In a RGB color space, hex #2558ed is composed of 14.5% red, 34.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 62.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 224.7 degrees, a saturation of 84.7% and a lightness of 53.7%. #2558ed color hex could be obtained by blending #4ab0ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 35
- B 93
RGB color chart
- C 84
- M 63
- Y 0
- K 7
CMYK color chart

● #2558ed color description : Bright blue.

The hexadecimal color #2558ed has RGB values of R:37, G:88, B:237 and CMYK values of C:0.84, M:0.63, Y:0, K:0.07. Its decimal value is 2447597.

Hex triplet	2558ed	`#2558ed`
RGB Decimal	37, 88, 237	`rgb(37,88,237)`
RGB Percent	14.5, 34.5, 92.9	`rgb(14.5%,34.5%,92.9%)`
CMYK	84, 63, 0, 7
HSL	224.7°, 84.7, 53.7	`hsl(224.7,84.7%,53.7%)`
HSV (or HSB)	224.7°, 84.4, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.486, 38.669, -79.17
XYZ	19.536, 13.486, 81.689
xyY	0.17, 0.118, 13.486
CIE-LCH	43.486, 88.109, 296.032
CIE-LUV	43.486, -17.227, -117.801
Hunter-Lab	36.723, 30.692, -106.184
Binary	00100101, 01011000, 11101101

#2558ed
```
#2558ed rgb(37,88,237)
```
#edba25
```
#edba25 rgb(237,186,37)
```

Complementary Color

#25bced
```
#25bced rgb(37,188,237)
```
#2558ed
```
#2558ed rgb(37,88,237)
```
#5625ed
```
#5625ed rgb(86,37,237)
```

Analogous Color

#bced25
```
#bced25 rgb(188,237,37)
```
#2558ed
```
#2558ed rgb(37,88,237)
```
#ed5625
```
#ed5625 rgb(237,86,37)
```

Split Complementary Color

#58ed25
```
#58ed25 rgb(88,237,37)
```
#2558ed
```
#2558ed rgb(37,88,237)
```
#ed2558
```
#ed2558 rgb(237,37,88)
```

Triadic Color

#25edba
```
#25edba rgb(37,237,186)
```
#2558ed
```
#2558ed rgb(37,88,237)
```
#ed2558
```
#ed2558 rgb(237,37,88)
```
#edba25
```
#edba25 rgb(237,186,37)
```

Tetradic Color

#0f3ab6
```
#0f3ab6 rgb(15,58,182)
```
#1141ce
```
#1141ce rgb(17,65,206)
```
#1349e6
```
#1349e6 rgb(19,73,230)
```
#2558ed
```
#2558ed rgb(37,88,237)
```
#3d6aef
```
#3d6aef rgb(61,106,239)
```
#547cf1
```
#547cf1 rgb(84,124,241)
```
#6c8ef3
```
#6c8ef3 rgb(108,142,243)
```

Monochromatic Color

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

#258aed
```
#258aed rgb(37,138,237)
```
#2579ed
```
#2579ed rgb(37,121,237)
```
#2569ed
```
#2569ed rgb(37,105,237)
```
#2558ed
```
#2558ed rgb(37,88,237)
```
#2547ed
```
#2547ed rgb(37,71,237)
```
#2537ed
```
#2537ed rgb(37,55,237)
```
#2526ed
```
#2526ed rgb(37,38,237)
```

Similar Colors

Text with hexadecimal color #2558ed

This text has a font color of #2558ed.

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

#2558ed background color

This paragraph has a background color of #2558ed.

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

#2558ed border color

This element has a border color of #2558ed.

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

CSS codes

.text {color:#2558ed;}

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

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

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

#010612
```
#010612 rgb(1,6,18)
```
#030b24
```
#030b24 rgb(3,11,36)
```
#041136
```
#041136 rgb(4,17,54)
```
#061748
```
#061748 rgb(6,23,72)
```
#071c5a
```
#071c5a rgb(7,28,90)
```
#09226c
```
#09226c rgb(9,34,108)
```
#0a287e
```
#0a287e rgb(10,40,126)
```
#0c2e90
```
#0c2e90 rgb(12,46,144)
```
#0d33a3
```
#0d33a3 rgb(13,51,163)
```
#0f39b5
```
#0f39b5 rgb(15,57,181)
```
#103fc7
```
#103fc7 rgb(16,63,199)
```
#1245d9
```
#1245d9 rgb(18,69,217)
```
#134aeb
```
#134aeb rgb(19,74,235)
```

Shade Color Variation

#2558ed
```
#2558ed rgb(37,88,237)
```
#3766ee
```
#3766ee rgb(55,102,238)
```
#4974f0
```
#4974f0 rgb(73,116,240)
```
#5b82f1
```
#5b82f1 rgb(91,130,241)
```
#6d90f3
```
#6d90f3 rgb(109,144,243)
```
#809df4
```
#809df4 rgb(128,157,244)
```
#92abf6
```
#92abf6 rgb(146,171,246)
```
#a4b9f7
```
#a4b9f7 rgb(164,185,247)
```
#b6c7f9
```
#b6c7f9 rgb(182,199,249)
```
#c8d5fa
```
#c8d5fa rgb(200,213,250)
```
#dae3fc
```
#dae3fc rgb(218,227,252)
```
#ecf1fd
```
#ecf1fd rgb(236,241,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#898989
```
#898989 rgb(137,137,137)
```
#808492
```
#808492 rgb(128,132,146)
```
#77809b
```
#77809b rgb(119,128,155)
```
#6e7ca4
```
#6e7ca4 rgb(110,124,164)
```
#6577ad
```
#6577ad rgb(101,119,173)
```
#5b73b7
```
#5b73b7 rgb(91,115,183)
```
#526ec0
```
#526ec0 rgb(82,110,192)
```
#496ac9
```
#496ac9 rgb(73,106,201)
```
#4065d2
```
#4065d2 rgb(64,101,210)
```
#3761db
```
#3761db rgb(55,97,219)
```
#2e5ce4
```
#2e5ce4 rgb(46,92,228)
```
#2558ed
```
#2558ed rgb(37,88,237)
```
#1c54f6
```
#1c54f6 rgb(28,84,246)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4f5a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#0d64db Protanomaly 1% of men, 0.01% of women
#0d68ca Deuteranomaly 6% of men, 0.4% of women
#0d6da7 Tritanomaly 0.01% of the population

#2558ed hex color

#2558ed Color Information

#2558ed Color Conversion

Color Schemes with #2558ed

Alternatives to #2558ed

#2558ed Preview

Shades and Tints of #2558ed

Tones of #2558ed

Color Blindness Simulator