#2550ff hex color

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

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

● #2550ff color description : Vivid blue.

The hexadecimal color #2550ff has RGB values of R:37, G:80, B:255 and CMYK values of C:0.85, M:0.69, Y:0, K:0. Its decimal value is 2445567.

Hex triplet	2550ff	`#2550ff`
RGB Decimal	37, 80, 255	`rgb(37,80,255)`
RGB Percent	14.5, 31.4, 100	`rgb(14.5%,31.4%,100%)`
CMYK	85, 69, 0, 0
HSL	228.2°, 100, 57.3	`hsl(228.2,100%,57.3%)`
HSV (or HSB)	228.2°, 85.5, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.284, 49.953, -89.588
XYZ	21.678, 13.349, 96.036
xyY	0.165, 0.102, 13.349
CIE-LCH	43.284, 102.574, 299.143
CIE-LUV	43.284, -15.657, -130.983
Hunter-Lab	36.536, 41.97, -130.27
Binary	00100101, 01010000, 11111111

#2550ff
```
#2550ff rgb(37,80,255)
```
#ffd425
```
#ffd425 rgb(255,212,37)
```

Complementary Color

#25bdff
```
#25bdff rgb(37,189,255)
```
#2550ff
```
#2550ff rgb(37,80,255)
```
#6725ff
```
#6725ff rgb(103,37,255)
```

Analogous Color

#bdff25
```
#bdff25 rgb(189,255,37)
```
#2550ff
```
#2550ff rgb(37,80,255)
```
#ff6725
```
#ff6725 rgb(255,103,37)
```

Split Complementary Color

#50ff25
```
#50ff25 rgb(80,255,37)
```
#2550ff
```
#2550ff rgb(37,80,255)
```
#ff2550
```
#ff2550 rgb(255,37,80)
```

Triadic Color

#25ffd4
```
#25ffd4 rgb(37,255,212)
```
#2550ff
```
#2550ff rgb(37,80,255)
```
#ff2550
```
#ff2550 rgb(255,37,80)
```
#ffd425
```
#ffd425 rgb(255,212,37)
```

Tetradic Color

#002bd8
```
#002bd8 rgb(0,43,216)
```
#0030f1
```
#0030f1 rgb(0,48,241)
```
#0c3cff
```
#0c3cff rgb(12,60,255)
```
#2550ff
```
#2550ff rgb(37,80,255)
```
#3f64ff
```
#3f64ff rgb(63,100,255)
```
#5879ff
```
#5879ff rgb(88,121,255)
```
#728dff
```
#728dff rgb(114,141,255)
```

Monochromatic Color

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

#2587ff
```
#2587ff rgb(37,135,255)
```
#2574ff
```
#2574ff rgb(37,116,255)
```
#2562ff
```
#2562ff rgb(37,98,255)
```
#2550ff
```
#2550ff rgb(37,80,255)
```
#253eff
```
#253eff rgb(37,62,255)
```
#252cff
```
#252cff rgb(37,44,255)
```
#3025ff
```
#3025ff rgb(48,37,255)
```

Similar Colors

Text with hexadecimal color #2550ff

This text has a font color of #2550ff.

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

#2550ff background color

This paragraph has a background color of #2550ff.

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

#2550ff border color

This element has a border color of #2550ff.

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

CSS codes

.text {color:#2550ff;}

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

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

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

#000311
```
#000311 rgb(0,3,17)
```
#000725
```
#000725 rgb(0,7,37)
```
#000b39
```
#000b39 rgb(0,11,57)
```
#000f4c
```
#000f4c rgb(0,15,76)
```
#001360
```
#001360 rgb(0,19,96)
```
#001773
```
#001773 rgb(0,23,115)
```
#001b87
```
#001b87 rgb(0,27,135)
```
#001f9b
```
#001f9b rgb(0,31,155)
```
#0022ae
```
#0022ae rgb(0,34,174)
```
#0026c2
```
#0026c2 rgb(0,38,194)
```
#002ad6
```
#002ad6 rgb(0,42,214)
```
#002ee9
```
#002ee9 rgb(0,46,233)
```
#0032fd
```
#0032fd rgb(0,50,253)
```

Shade Color Variation

#1140ff
```
#1140ff rgb(17,64,255)
```
#2550ff
```
#2550ff rgb(37,80,255)
```
#3960ff
```
#3960ff rgb(57,96,255)
```
#4c6fff
```
#4c6fff rgb(76,111,255)
```
#607fff
```
#607fff rgb(96,127,255)
```
#738fff
```
#738fff rgb(115,143,255)
```
#879fff
```
#879fff rgb(135,159,255)
```
#9baeff
```
#9baeff rgb(155,174,255)
```
#aebeff
```
#aebeff rgb(174,190,255)
```
#c2ceff
```
#c2ceff rgb(194,206,255)
```
#d6deff
```
#d6deff rgb(214,222,255)
```
#e9edff
```
#e9edff rgb(233,237,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#8a8d9a
```
#8a8d9a rgb(138,141,154)
```
#8188a3
```
#8188a3 rgb(129,136,163)
```
#7983ab
```
#7983ab rgb(121,131,171)
```
#707eb4
```
#707eb4 rgb(112,126,180)
```
#6879bc
```
#6879bc rgb(104,121,188)
```
#6074c4
```
#6074c4 rgb(96,116,196)
```
#576ecd
```
#576ecd rgb(87,110,205)
```
#4f69d5
```
#4f69d5 rgb(79,105,213)
```
#4764dd
```
#4764dd rgb(71,100,221)
```
#3e5fe6
```
#3e5fe6 rgb(62,95,230)
```
#365aee
```
#365aee rgb(54,90,238)
```
#2d55f7
```
#2d55f7 rgb(45,85,247)
```
#2550ff
```
#2550ff rgb(37,80,255)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4d5679 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd0 Protanopia 1% of men
#0071b4 Deuteranopia 1% of men
#00797e Tritanopia 0.001% of the population

Trichromacy

#0d61e1 Protanomaly 1% of men, 0.01% of women
#0d65cf Deuteranomaly 6% of men, 0.4% of women
#0d6aad Tritanomaly 0.01% of the population

#2550ff hex color

#2550ff Color Information

#2550ff Color Conversion

Color Schemes with #2550ff

Alternatives to #2550ff

#2550ff Preview

Shades and Tints of #2550ff

Tones of #2550ff

Color Blindness Simulator