#2558ca hex color

In a RGB color space, hex #2558ca is composed of 14.5% red, 34.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 56.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 221.5 degrees, a saturation of 69% and a lightness of 46.9%. #2558ca color hex could be obtained by blending #4ab0ff with #000095. Closest websafe color is: #3366cc.

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

● #2558ca color description : Strong blue.

The hexadecimal color #2558ca has RGB values of R:37, G:88, B:202 and CMYK values of C:0.82, M:0.56, Y:0, K:0.21. Its decimal value is 2447562.

Hex triplet	2558ca	`#2558ca`
RGB Decimal	37, 88, 202	`rgb(37,88,202)`
RGB Percent	14.5, 34.5, 79.2	`rgb(14.5%,34.5%,79.2%)`
CMYK	82, 56, 0, 21
HSL	221.5°, 69, 46.9	`hsl(221.5,69%,46.9%)`
HSV (or HSB)	221.5°, 81.7, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.631, 25.565, -63.863
XYZ	14.911, 11.636, 57.334
xyY	0.178, 0.139, 11.636
CIE-LCH	40.631, 68.79, 291.817
CIE-LUV	40.631, -17.339, -94.342
Hunter-Lab	34.111, 18.332, -75.776
Binary	00100101, 01011000, 11001010

#2558ca
```
#2558ca rgb(37,88,202)
```
#ca9725
```
#ca9725 rgb(202,151,37)
```

Complementary Color

#25abca
```
#25abca rgb(37,171,202)
```
#2558ca
```
#2558ca rgb(37,88,202)
```
#4525ca
```
#4525ca rgb(69,37,202)
```

Analogous Color

#abca25
```
#abca25 rgb(171,202,37)
```
#2558ca
```
#2558ca rgb(37,88,202)
```
#ca4425
```
#ca4425 rgb(202,68,37)
```

Split Complementary Color

#58ca25
```
#58ca25 rgb(88,202,37)
```
#2558ca
```
#2558ca rgb(37,88,202)
```
#ca2558
```
#ca2558 rgb(202,37,88)
```

Triadic Color

#25ca97
```
#25ca97 rgb(37,202,151)
```
#2558ca
```
#2558ca rgb(37,88,202)
```
#ca2558
```
#ca2558 rgb(202,37,88)
```
#ca9725
```
#ca9725 rgb(202,151,37)
```

Tetradic Color

#193c89
```
#193c89 rgb(25,60,137)
```
#1d459f
```
#1d459f rgb(29,69,159)
```
#214fb4
```
#214fb4 rgb(33,79,180)
```
#2558ca
```
#2558ca rgb(37,88,202)
```
#3064d9
```
#3064d9 rgb(48,100,217)
```
#4574dd
```
#4574dd rgb(69,116,221)
```
#5b84e1
```
#5b84e1 rgb(91,132,225)
```

Monochromatic Color

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

#2581ca
```
#2581ca rgb(37,129,202)
```
#2574ca
```
#2574ca rgb(37,116,202)
```
#2566ca
```
#2566ca rgb(37,102,202)
```
#2558ca
```
#2558ca rgb(37,88,202)
```
#254aca
```
#254aca rgb(37,74,202)
```
#253dca
```
#253dca rgb(37,61,202)
```
#252fca
```
#252fca rgb(37,47,202)
```

Similar Colors

Text with hexadecimal color #2558ca

This text has a font color of #2558ca.

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

#2558ca background color

This paragraph has a background color of #2558ca.

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

#2558ca border color

This element has a border color of #2558ca.

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

CSS codes

.text {color:#2558ca;}

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

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

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 #f1f5fd is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#040914
```
#040914 rgb(4,9,20)
```
#071024
```
#071024 rgb(7,16,36)
```
#0a1735
```
#0a1735 rgb(10,23,53)
```
#0d1e45
```
#0d1e45 rgb(13,30,69)
```
#102556
```
#102556 rgb(16,37,86)
```
#132d67
```
#132d67 rgb(19,45,103)
```
#163477
```
#163477 rgb(22,52,119)
```
#193b88
```
#193b88 rgb(25,59,136)
```
#1c4298
```
#1c4298 rgb(28,66,152)
```
#1f4aa9
```
#1f4aa9 rgb(31,74,169)
```
#2251b9
```
#2251b9 rgb(34,81,185)
```
#2558ca
```
#2558ca rgb(37,88,202)
```

Shade Color Variation

#2b60d8
```
#2b60d8 rgb(43,96,216)
```
#3b6ddb
```
#3b6ddb rgb(59,109,219)
```
#4c79de
```
#4c79de rgb(76,121,222)
```
#5c85e1
```
#5c85e1 rgb(92,133,225)
```
#6d92e4
```
#6d92e4 rgb(109,146,228)
```
#7d9ee7
```
#7d9ee7 rgb(125,158,231)
```
#8eabea
```
#8eabea rgb(142,171,234)
```
#9fb7ed
```
#9fb7ed rgb(159,183,237)
```
#afc3f0
```
#afc3f0 rgb(175,195,240)
```
#c0d0f3
```
#c0d0f3 rgb(192,208,243)
```
#d0dcf6
```
#d0dcf6 rgb(208,220,246)
```
#e1e8f9
```
#e1e8f9 rgb(225,232,249)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```

Tint Color Variation

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

#6f7480
```
#6f7480 rgb(111,116,128)
```
#65718a
```
#65718a rgb(101,113,138)
```
#5c6d93
```
#5c6d93 rgb(92,109,147)
```
#536a9c
```
#536a9c rgb(83,106,156)
```
#4a66a5
```
#4a66a5 rgb(74,102,165)
```
#4163ae
```
#4163ae rgb(65,99,174)
```
#375fb8
```
#375fb8 rgb(55,95,184)
```
#2e5cc1
```
#2e5cc1 rgb(46,92,193)
```
#2558ca
```
#2558ca rgb(37,88,202)
```
#1c54d3
```
#1c54d3 rgb(28,84,211)
```
#1351dc
```
#1351dc rgb(19,81,220)
```
#094de6
```
#094de6 rgb(9,77,230)
```
#004aef
```
#004aef rgb(0,74,239)
```

Tone Color Variation

Below, you can see how #2558ca 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
#007278 Tritanopia 0.001% of the population

Trichromacy

#0d60c7 Protanomaly 1% of men, 0.01% of women
#0d63b7 Deuteranomaly 6% of men, 0.4% of women
#0d6896 Tritanomaly 0.01% of the population

#2558ca hex color

#2558ca Color Information

#2558ca Color Conversion

Color Schemes with #2558ca

Alternatives to #2558ca

#2558ca Preview

Shades and Tints of #2558ca

Tones of #2558ca

Color Blindness Simulator