#2558ff hex color

In a RGB color space, hex #2558ff is composed of 14.5% red, 34.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 65.5% magenta, 0% yellow and 0% black. It has a hue angle of 226 degrees, a saturation of 100% and a lightness of 57.3%. #2558ff color hex could be obtained by blending #4ab0ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 35
- B 100
RGB color chart
- C 85
- M 65
- Y 0
- K 0
CMYK color chart

● #2558ff color description : Vivid blue.

The hexadecimal color #2558ff has RGB values of R:37, G:88, B:255 and CMYK values of C:0.85, M:0.65, Y:0, K:0. Its decimal value is 2447615.

Hex triplet	2558ff	`#2558ff`
RGB Decimal	37, 88, 255	`rgb(37,88,255)`
RGB Percent	14.5, 34.5, 100	`rgb(14.5%,34.5%,100%)`
CMYK	85, 65, 0, 0
HSL	226°, 100, 57.3	`hsl(226,100%,57.3%)`
HSV (or HSB)	226°, 85.5, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.069, 45.151, -86.649
XYZ	22.299, 14.591, 96.243
xyY	0.167, 0.11, 14.591
CIE-LCH	45.069, 97.708, 297.523
CIE-LUV	45.069, -17.291, -129.199
Hunter-Lab	38.198, 37.356, -122.647
Binary	00100101, 01011000, 11111111

#2558ff
```
#2558ff rgb(37,88,255)
```
#ffcc25
```
#ffcc25 rgb(255,204,37)
```

Complementary Color

#25c5ff
```
#25c5ff rgb(37,197,255)
```
#2558ff
```
#2558ff rgb(37,88,255)
```
#5f25ff
```
#5f25ff rgb(95,37,255)
```

Analogous Color

#c5ff25
```
#c5ff25 rgb(197,255,37)
```
#2558ff
```
#2558ff rgb(37,88,255)
```
#ff5f25
```
#ff5f25 rgb(255,95,37)
```

Split Complementary Color

#58ff25
```
#58ff25 rgb(88,255,37)
```
#2558ff
```
#2558ff rgb(37,88,255)
```
#ff2558
```
#ff2558 rgb(255,37,88)
```

Triadic Color

#25ffcc
```
#25ffcc rgb(37,255,204)
```
#2558ff
```
#2558ff rgb(37,88,255)
```
#ff2558
```
#ff2558 rgb(255,37,88)
```
#ffcc25
```
#ffcc25 rgb(255,204,37)
```

Tetradic Color

#0032d8
```
#0032d8 rgb(0,50,216)
```
#0038f1
```
#0038f1 rgb(0,56,241)
```
#0c44ff
```
#0c44ff rgb(12,68,255)
```
#2558ff
```
#2558ff rgb(37,88,255)
```
#3f6cff
```
#3f6cff rgb(63,108,255)
```
#587fff
```
#587fff rgb(88,127,255)
```
#7293ff
```
#7293ff rgb(114,147,255)
```

Monochromatic Color

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

#258fff
```
#258fff rgb(37,143,255)
```
#257cff
```
#257cff rgb(37,124,255)
```
#256aff
```
#256aff rgb(37,106,255)
```
#2558ff
```
#2558ff rgb(37,88,255)
```
#2546ff
```
#2546ff rgb(37,70,255)
```
#2534ff
```
#2534ff rgb(37,52,255)
```
#2925ff
```
#2925ff rgb(41,37,255)
```

Similar Colors

Text with hexadecimal color #2558ff

This text has a font color of #2558ff.

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

#2558ff background color

This paragraph has a background color of #2558ff.

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

#2558ff border color

This element has a border color of #2558ff.

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

CSS codes

.text {color:#2558ff;}

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

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

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

#000411
```
#000411 rgb(0,4,17)
```
#000925
```
#000925 rgb(0,9,37)
```
#000d39
```
#000d39 rgb(0,13,57)
```
#00124c
```
#00124c rgb(0,18,76)
```
#001660
```
#001660 rgb(0,22,96)
```
#001b73
```
#001b73 rgb(0,27,115)
```
#002087
```
#002087 rgb(0,32,135)
```
#00249b
```
#00249b rgb(0,36,155)
```
#0029ae
```
#0029ae rgb(0,41,174)
```
#002dc2
```
#002dc2 rgb(0,45,194)
```
#0032d6
```
#0032d6 rgb(0,50,214)
```
#0037e9
```
#0037e9 rgb(0,55,233)
```
#003bfd
```
#003bfd rgb(0,59,253)
```

Shade Color Variation

#1149ff
```
#1149ff rgb(17,73,255)
```
#2558ff
```
#2558ff rgb(37,88,255)
```
#3967ff
```
#3967ff rgb(57,103,255)
```
#4c76ff
```
#4c76ff rgb(76,118,255)
```
#6085ff
```
#6085ff rgb(96,133,255)
```
#7394ff
```
#7394ff rgb(115,148,255)
```
#87a3ff
```
#87a3ff rgb(135,163,255)
```
#9bb2ff
```
#9bb2ff rgb(155,178,255)
```
#aec1ff
```
#aec1ff rgb(174,193,255)
```
#c2d0ff
```
#c2d0ff rgb(194,208,255)
```
#d6dfff
```
#d6dfff rgb(214,223,255)
```
#e9eeff
```
#e9eeff rgb(233,238,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8e9a is the less saturated color, while #2558ff is the most saturated one.

#8a8e9a
```
#8a8e9a rgb(138,142,154)
```
#8189a3
```
#8189a3 rgb(129,137,163)
```
#7985ab
```
#7985ab rgb(121,133,171)
```
#7080b4
```
#7080b4 rgb(112,128,180)
```
#687cbc
```
#687cbc rgb(104,124,188)
```
#6077c4
```
#6077c4 rgb(96,119,196)
```
#5773cd
```
#5773cd rgb(87,115,205)
```
#4f6ed5
```
#4f6ed5 rgb(79,110,213)
```
#476add
```
#476add rgb(71,106,221)
```
#3e65e6
```
#3e65e6 rgb(62,101,230)
```
#3661ee
```
#3661ee rgb(54,97,238)
```
#2d5cf7
```
#2d5cf7 rgb(45,92,247)
```
#2558ff
```
#2558ff rgb(37,88,255)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#515b7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bb Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0d66e6 Protanomaly 1% of men, 0.01% of women
#0d6ad4 Deuteranomaly 6% of men, 0.4% of women
#0d70b0 Tritanomaly 0.01% of the population

#2558ff hex color

#2558ff Color Information

#2558ff Color Conversion

Color Schemes with #2558ff

Alternatives to #2558ff

#2558ff Preview

Shades and Tints of #2558ff

Tones of #2558ff

Color Blindness Simulator