#2556fa hex color

In a RGB color space, hex #2556fa is composed of 14.5% red, 33.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 65.6% magenta, 0% yellow and 2% black. It has a hue angle of 226.2 degrees, a saturation of 95.5% and a lightness of 56.3%. #2556fa color hex could be obtained by blending #4aacff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 34
- B 98
RGB color chart
- C 85
- M 66
- Y 0
- K 2
CMYK color chart

● #2556fa color description : Vivid blue.

The hexadecimal color #2556fa has RGB values of R:37, G:86, B:250 and CMYK values of C:0.85, M:0.66, Y:0, K:0.02. Its decimal value is 2447098.

Hex triplet	2556fa	`#2556fa`
RGB Decimal	37, 86, 250	`rgb(37,86,250)`
RGB Percent	14.5, 33.7, 98	`rgb(14.5%,33.7%,98%)`
CMYK	85, 66, 0, 2
HSL	226.2°, 95.5, 56.3	`hsl(226.2,95.5%,56.3%)`
HSV (or HSB)	226.2°, 85.2, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.16, 44.594, -85.356
XYZ	21.342, 13.949, 92.005
xyY	0.168, 0.11, 13.949
CIE-LCH	44.16, 96.303, 297.585
CIE-LUV	44.16, -16.834, -126.595
Hunter-Lab	37.349, 36.641, -119.91
Binary	00100101, 01010110, 11111010

#2556fa
```
#2556fa rgb(37,86,250)
```
#fac925
```
#fac925 rgb(250,201,37)
```

Complementary Color

#25c1fa
```
#25c1fa rgb(37,193,250)
```
#2556fa
```
#2556fa rgb(37,86,250)
```
#5e25fa
```
#5e25fa rgb(94,37,250)
```

Analogous Color

#c1fa25
```
#c1fa25 rgb(193,250,37)
```
#2556fa
```
#2556fa rgb(37,86,250)
```
#fa5e25
```
#fa5e25 rgb(250,94,37)
```

Split Complementary Color

#56fa25
```
#56fa25 rgb(86,250,37)
```
#2556fa
```
#2556fa rgb(37,86,250)
```
#fa2556
```
#fa2556 rgb(250,37,86)
```

Triadic Color

#25fac9
```
#25fac9 rgb(37,250,201)
```
#2556fa
```
#2556fa rgb(37,86,250)
```
#fa2556
```
#fa2556 rgb(250,37,86)
```
#fac925
```
#fac925 rgb(250,201,37)
```

Tetradic Color

#0533ce
```
#0533ce rgb(5,51,206)
```
#0539e7
```
#0539e7 rgb(5,57,231)
```
#0c43f9
```
#0c43f9 rgb(12,67,249)
```
#2556fa
```
#2556fa rgb(37,86,250)
```
#3e69fb
```
#3e69fb rgb(62,105,251)
```
#577dfb
```
#577dfb rgb(87,125,251)
```
#7090fc
```
#7090fc rgb(112,144,252)
```

Monochromatic Color

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

#258bfa
```
#258bfa rgb(37,139,250)
```
#257afa
```
#257afa rgb(37,122,250)
```
#2568fa
```
#2568fa rgb(37,104,250)
```
#2556fa
```
#2556fa rgb(37,86,250)
```
#2544fa
```
#2544fa rgb(37,68,250)
```
#2533fa
```
#2533fa rgb(37,51,250)
```
#2925fa
```
#2925fa rgb(41,37,250)
```

Similar Colors

Text with hexadecimal color #2556fa

This text has a font color of #2556fa.

<span style="color:#2556fa;">Text here</span>

#2556fa background color

This paragraph has a background color of #2556fa.

<p style="background-color:#2556fa;">Content here</p>

#2556fa border color

This element has a border color of #2556fa.

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

CSS codes

.text {color:#2556fa;}

.background {background-color:#2556fa;}

.border {border:1px solid #2556fa;}

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, #00030c is the darkest color, while #f8faff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#01081f
```
#01081f rgb(1,8,31)
```
#010c32
```
#010c32 rgb(1,12,50)
```
#021146
```
#021146 rgb(2,17,70)
```
#021659
```
#021659 rgb(2,22,89)
```
#021b6c
```
#021b6c rgb(2,27,108)
```
#031f7f
```
#031f7f rgb(3,31,127)
```
#032492
```
#032492 rgb(3,36,146)
```
#0429a6
```
#0429a6 rgb(4,41,166)
```
#042eb9
```
#042eb9 rgb(4,46,185)
```
#0532cc
```
#0532cc rgb(5,50,204)
```
#0537df
```
#0537df rgb(5,55,223)
```
#063cf2
```
#063cf2 rgb(6,60,242)
```

Shade Color Variation

#1247fa
```
#1247fa rgb(18,71,250)
```
#2556fa
```
#2556fa rgb(37,86,250)
```
#3865fa
```
#3865fa rgb(56,101,250)
```
#4b74fb
```
#4b74fb rgb(75,116,251)
```
#5f83fb
```
#5f83fb rgb(95,131,251)
```
#7291fc
```
#7291fc rgb(114,145,252)
```
#85a0fc
```
#85a0fc rgb(133,160,252)
```
#98affd
```
#98affd rgb(152,175,253)
```
#abbefd
```
#abbefd rgb(171,190,253)
```
#becdfe
```
#becdfe rgb(190,205,254)
```
#d2dcfe
```
#d2dcfe rgb(210,220,254)
```
#e5ebfe
```
#e5ebfe rgb(229,235,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#8c8e93
```
#8c8e93 rgb(140,142,147)
```
#83899c
```
#83899c rgb(131,137,156)
```
#7b84a4
```
#7b84a4 rgb(123,132,164)
```
#7280ad
```
#7280ad rgb(114,128,173)
```
#6a7bb5
```
#6a7bb5 rgb(106,123,181)
```
#6176be
```
#6176be rgb(97,118,190)
```
#5872c7
```
#5872c7 rgb(88,114,199)
```
#506dcf
```
#506dcf rgb(80,109,207)
```
#4769d8
```
#4769d8 rgb(71,105,216)
```
#3f64e0
```
#3f64e0 rgb(63,100,224)
```
#365fe9
```
#365fe9 rgb(54,95,233)
```
#2e5bf1
```
#2e5bf1 rgb(46,91,241)
```
#2556fa
```
#2556fa rgb(37,86,250)
```

Tone Color Variation

Below, you can see how #2556fa 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
#4f597a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0d64e2 Protanomaly 1% of men, 0.01% of women
#0d68d0 Deuteranomaly 6% of men, 0.4% of women
#0d6dad Tritanomaly 0.01% of the population

#2556fa hex color

#2556fa Color Information

#2556fa Color Conversion

Color Schemes with #2556fa

Alternatives to #2556fa

#2556fa Preview

Shades and Tints of #2556fa

Tones of #2556fa

Color Blindness Simulator