#2558b0 hex color

In a RGB color space, hex #2558b0 is composed of 14.5% red, 34.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 50% magenta, 0% yellow and 31% black. It has a hue angle of 218 degrees, a saturation of 65.3% and a lightness of 41.8%. #2558b0 color hex could be obtained by blending #4ab0ff with #000061. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 15
- G 35
- B 69
RGB color chart
- C 79
- M 50
- Y 0
- K 31
CMYK color chart

● #2558b0 color description : Dark blue.

The hexadecimal color #2558b0 has RGB values of R:37, G:88, B:176 and CMYK values of C:0.79, M:0.5, Y:0, K:0.31. Its decimal value is 2447536.

Hex triplet	2558b0	`#2558b0`
RGB Decimal	37, 88, 176	`rgb(37,88,176)`
RGB Percent	14.5, 34.5, 69	`rgb(14.5%,34.5%,69%)`
CMYK	79, 50, 0, 31
HSL	218°, 65.3, 41.8	`hsl(218,65.3%,41.8%)`
HSV (or HSB)	218°, 79, 69
Web Safe	336699	`#336699`

CIE-LAB	38.736, 15.508, -51.748
XYZ	12.087, 10.506, 42.463
xyY	0.186, 0.161, 10.506
CIE-LCH	38.736, 54.022, 286.682
CIE-LUV	38.736, -17.668, -75.555
Hunter-Lab	32.414, 9.841, -54.982
Binary	00100101, 01011000, 10110000

#2558b0
```
#2558b0 rgb(37,88,176)
```
#b07d25
```
#b07d25 rgb(176,125,37)
```

Complementary Color

#259eb0
```
#259eb0 rgb(37,158,176)
```
#2558b0
```
#2558b0 rgb(37,88,176)
```
#3825b0
```
#3825b0 rgb(56,37,176)
```

Analogous Color

#9eb025
```
#9eb025 rgb(158,176,37)
```
#2558b0
```
#2558b0 rgb(37,88,176)
```
#b03725
```
#b03725 rgb(176,55,37)
```

Split Complementary Color

#58b025
```
#58b025 rgb(88,176,37)
```
#2558b0
```
#2558b0 rgb(37,88,176)
```
#b02558
```
#b02558 rgb(176,37,88)
```

Triadic Color

#25b07d
```
#25b07d rgb(37,176,125)
```
#2558b0
```
#2558b0 rgb(37,88,176)
```
#b02558
```
#b02558 rgb(176,37,88)
```
#b07d25
```
#b07d25 rgb(176,125,37)
```

Tetradic Color

#183871
```
#183871 rgb(24,56,113)
```
#1c4386
```
#1c4386 rgb(28,67,134)
```
#214d9b
```
#214d9b rgb(33,77,155)
```
#2558b0
```
#2558b0 rgb(37,88,176)
```
#2963c5
```
#2963c5 rgb(41,99,197)
```
#346fd4
```
#346fd4 rgb(52,111,212)
```
#497ed9
```
#497ed9 rgb(73,126,217)
```

Monochromatic Color

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

#257bb0
```
#257bb0 rgb(37,123,176)
```
#256fb0
```
#256fb0 rgb(37,111,176)
```
#2564b0
```
#2564b0 rgb(37,100,176)
```
#2558b0
```
#2558b0 rgb(37,88,176)
```
#254cb0
```
#254cb0 rgb(37,76,176)
```
#2541b0
```
#2541b0 rgb(37,65,176)
```
#2535b0
```
#2535b0 rgb(37,53,176)
```

Similar Colors

Text with hexadecimal color #2558b0

This text has a font color of #2558b0.

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

#2558b0 background color

This paragraph has a background color of #2558b0.

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

#2558b0 border color

This element has a border color of #2558b0.

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

CSS codes

.text {color:#2558b0;}

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

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

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, #03070e is the darkest color, while #fdfdff is the lightest one.

#03070e
```
#03070e rgb(3,7,14)
```
#060f1e
```
#060f1e rgb(6,15,30)
```
#0a172e
```
#0a172e rgb(10,23,46)
```
#0d1f3f
```
#0d1f3f rgb(13,31,63)
```
#11274f
```
#11274f rgb(17,39,79)
```
#142f5f
```
#142f5f rgb(20,47,95)
```
#17386f
```
#17386f rgb(23,56,111)
```
#1b407f
```
#1b407f rgb(27,64,127)
```
#1e4890
```
#1e4890 rgb(30,72,144)
```
#2250a0
```
#2250a0 rgb(34,80,160)
```
#2558b0
```
#2558b0 rgb(37,88,176)
```
#2860c0
```
#2860c0 rgb(40,96,192)
```
#2c68d0
```
#2c68d0 rgb(44,104,208)
```

Shade Color Variation

#3a73d6
```
#3a73d6 rgb(58,115,214)
```
#4a7fd9
```
#4a7fd9 rgb(74,127,217)
```
#5b8adc
```
#5b8adc rgb(91,138,220)
```
#6b96e0
```
#6b96e0 rgb(107,150,224)
```
#7ba1e3
```
#7ba1e3 rgb(123,161,227)
```
#8bade7
```
#8bade7 rgb(139,173,231)
```
#9bb8ea
```
#9bb8ea rgb(155,184,234)
```
#acc4ed
```
#acc4ed rgb(172,196,237)
```
#bccff1
```
#bccff1 rgb(188,207,241)
```
#ccdbf4
```
#ccdbf4 rgb(204,219,244)
```
#dce6f8
```
#dce6f8 rgb(220,230,248)
```
#edf2fb
```
#edf2fb rgb(237,242,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67696e is the less saturated color, while #044fd1 is the most saturated one.

#67696e
```
#67696e rgb(103,105,110)
```
#5e6777
```
#5e6777 rgb(94,103,119)
```
#56657f
```
#56657f rgb(86,101,127)
```
#4e6387
```
#4e6387 rgb(78,99,135)
```
#46618f
```
#46618f rgb(70,97,143)
```
#3e5f97
```
#3e5f97 rgb(62,95,151)
```
#355ca0
```
#355ca0 rgb(53,92,160)
```
#2d5aa8
```
#2d5aa8 rgb(45,90,168)
```
#2558b0
```
#2558b0 rgb(37,88,176)
```
#1d56b8
```
#1d56b8 rgb(29,86,184)
```
#1554c0
```
#1554c0 rgb(21,84,192)
```
#0c51c9
```
#0c51c9 rgb(12,81,201)
```
#044fd1
```
#044fd1 rgb(4,79,209)
```

Tone Color Variation

Below, you can see how #2558b0 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
#4a5466 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d60b4 Protanopia 1% of men
#0065a7 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#2a5db2 Protanomaly 1% of men, 0.01% of women
#0d60aa Deuteranomaly 6% of men, 0.4% of women
#0d6589 Tritanomaly 0.01% of the population

#2558b0 hex color

#2558b0 Color Information

#2558b0 Color Conversion

Color Schemes with #2558b0

Alternatives to #2558b0

#2558b0 Preview

Shades and Tints of #2558b0

Tones of #2558b0

Color Blindness Simulator