#2558ac hex color

In a RGB color space, hex #2558ac is composed of 14.5% red, 34.5% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 48.8% magenta, 0% yellow and 32.5% black. It has a hue angle of 217.3 degrees, a saturation of 64.6% and a lightness of 41%. #2558ac color hex could be obtained by blending #4ab0ff with #000059. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 15
- G 35
- B 67
RGB color chart
- C 78
- M 49
- Y 0
- K 33
CMYK color chart

● #2558ac color description : Dark blue.

The hexadecimal color #2558ac has RGB values of R:37, G:88, B:172 and CMYK values of C:0.78, M:0.49, Y:0, K:0.33. Its decimal value is 2447532.

Hex triplet	2558ac	`#2558ac`
RGB Decimal	37, 88, 172	`rgb(37,88,172)`
RGB Percent	14.5, 34.5, 67.5	`rgb(14.5%,34.5%,67.5%)`
CMYK	78, 49, 0, 33
HSL	217.3°, 64.6, 41	`hsl(217.3,64.6%,41%)`
HSV (or HSB)	217.3°, 78.5, 67.5
Web Safe	336699	`#336699`

CIE-LAB	38.464, 13.947, -49.822
XYZ	11.697, 10.35, 40.409
xyY	0.187, 0.166, 10.35
CIE-LCH	38.464, 51.738, 285.639
CIE-LUV	38.464, -17.74, -72.549
Hunter-Lab	32.172, 8.6, -51.949
Binary	00100101, 01011000, 10101100

#2558ac
```
#2558ac rgb(37,88,172)
```
#ac7925
```
#ac7925 rgb(172,121,37)
```

Complementary Color

#259cac
```
#259cac rgb(37,156,172)
```
#2558ac
```
#2558ac rgb(37,88,172)
```
#3625ac
```
#3625ac rgb(54,37,172)
```

Analogous Color

#9cac25
```
#9cac25 rgb(156,172,37)
```
#2558ac
```
#2558ac rgb(37,88,172)
```
#ac3625
```
#ac3625 rgb(172,54,37)
```

Split Complementary Color

#58ac25
```
#58ac25 rgb(88,172,37)
```
#2558ac
```
#2558ac rgb(37,88,172)
```
#ac2558
```
#ac2558 rgb(172,37,88)
```

Triadic Color

#25ac79
```
#25ac79 rgb(37,172,121)
```
#2558ac
```
#2558ac rgb(37,88,172)
```
#ac2558
```
#ac2558 rgb(172,37,88)
```
#ac7925
```
#ac7925 rgb(172,121,37)
```

Tetradic Color

#17386d
```
#17386d rgb(23,56,109)
```
#1c4382
```
#1c4382 rgb(28,67,130)
```
#204d97
```
#204d97 rgb(32,77,151)
```
#2558ac
```
#2558ac rgb(37,88,172)
```
#2a63c1
```
#2a63c1 rgb(42,99,193)
```
#316ed3
```
#316ed3 rgb(49,110,211)
```
#467dd7
```
#467dd7 rgb(70,125,215)
```

Monochromatic Color

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

#257aac
```
#257aac rgb(37,122,172)
```
#256fac
```
#256fac rgb(37,111,172)
```
#2563ac
```
#2563ac rgb(37,99,172)
```
#2558ac
```
#2558ac rgb(37,88,172)
```
#254dac
```
#254dac rgb(37,77,172)
```
#2542ac
```
#2542ac rgb(37,66,172)
```
#2536ac
```
#2536ac rgb(37,54,172)
```

Similar Colors

Text with hexadecimal color #2558ac

This text has a font color of #2558ac.

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

#2558ac background color

This paragraph has a background color of #2558ac.

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

#2558ac border color

This element has a border color of #2558ac.

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

CSS codes

.text {color:#2558ac;}

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

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

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, #02050b is the darkest color, while #f9fbfe is the lightest one.

#02050b
```
#02050b rgb(2,5,11)
```
#060e1b
```
#060e1b rgb(6,14,27)
```
#09162b
```
#09162b rgb(9,22,43)
```
#0d1e3b
```
#0d1e3b rgb(13,30,59)
```
#10264b
```
#10264b rgb(16,38,75)
```
#142f5b
```
#142f5b rgb(20,47,91)
```
#17376b
```
#17376b rgb(23,55,107)
```
#1b3f7c
```
#1b3f7c rgb(27,63,124)
```
#1e478c
```
#1e478c rgb(30,71,140)
```
#22509c
```
#22509c rgb(34,80,156)
```
#2558ac
```
#2558ac rgb(37,88,172)
```
#2860bc
```
#2860bc rgb(40,96,188)
```
#2c69cc
```
#2c69cc rgb(44,105,204)
```

Shade Color Variation

#3873d4
```
#3873d4 rgb(56,115,212)
```
#487ed8
```
#487ed8 rgb(72,126,216)
```
#588adb
```
#588adb rgb(88,138,219)
```
#6895df
```
#6895df rgb(104,149,223)
```
#78a0e2
```
#78a0e2 rgb(120,160,226)
```
#88ace5
```
#88ace5 rgb(136,172,229)
```
#99b7e9
```
#99b7e9 rgb(153,183,233)
```
#a9c2ec
```
#a9c2ec rgb(169,194,236)
```
#b9cef0
```
#b9cef0 rgb(185,206,240)
```
#c9d9f3
```
#c9d9f3 rgb(201,217,243)
```
#d9e4f7
```
#d9e4f7 rgb(217,228,247)
```
#e9f0fa
```
#e9f0fa rgb(233,240,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65686c is the less saturated color, while #0550cc is the most saturated one.

#65686c
```
#65686c rgb(101,104,108)
```
#5d6674
```
#5d6674 rgb(93,102,116)
```
#55647c
```
#55647c rgb(85,100,124)
```
#4d6284
```
#4d6284 rgb(77,98,132)
```
#45608c
```
#45608c rgb(69,96,140)
```
#3d5e94
```
#3d5e94 rgb(61,94,148)
```
#355c9c
```
#355c9c rgb(53,92,156)
```
#2d5aa4
```
#2d5aa4 rgb(45,90,164)
```
#2558ac
```
#2558ac rgb(37,88,172)
```
#1d56b4
```
#1d56b4 rgb(29,86,180)
```
#1554bc
```
#1554bc rgb(21,84,188)
```
#0d52c4
```
#0d52c4 rgb(13,82,196)
```
#0550cc
```
#0550cc rgb(5,80,204)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#495364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3260b0 Protanopia 1% of men
#0064a6 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2d5dae Protanomaly 1% of men, 0.01% of women
#0d60a8 Deuteranomaly 6% of men, 0.4% of women
#0d6588 Tritanomaly 0.01% of the population

#2558ac hex color

#2558ac Color Information

#2558ac Color Conversion

Color Schemes with #2558ac

Alternatives to #2558ac

#2558ac Preview

Shades and Tints of #2558ac

Tones of #2558ac

Color Blindness Simulator