#2554ed hex color

In a RGB color space, hex #2554ed is composed of 14.5% red, 32.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 64.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 225.9 degrees, a saturation of 84.7% and a lightness of 53.7%. #2554ed color hex could be obtained by blending #4aa8ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 33
- B 93
RGB color chart
- C 84
- M 65
- Y 0
- K 7
CMYK color chart

● #2554ed color description : Bright blue.

The hexadecimal color #2554ed has RGB values of R:37, G:84, B:237 and CMYK values of C:0.84, M:0.65, Y:0, K:0.07. Its decimal value is 2446573.

Hex triplet	2554ed	`#2554ed`
RGB Decimal	37, 84, 237	`rgb(37,84,237)`
RGB Percent	14.5, 32.9, 92.9	`rgb(14.5%,32.9%,92.9%)`
CMYK	84, 65, 0, 7
HSL	225.9°, 84.7, 53.7	`hsl(225.9,84.7%,53.7%)`
HSV (or HSB)	225.9°, 84.4, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.532, 41.166, -80.737
XYZ	19.216, 12.847, 81.583
xyY	0.169, 0.113, 12.847
CIE-LCH	42.532, 90.626, 297.016
CIE-LUV	42.532, -16.324, -118.959
Hunter-Lab	35.843, 32.974, -109.863
Binary	00100101, 01010100, 11101101

#2554ed
```
#2554ed rgb(37,84,237)
```
#edbe25
```
#edbe25 rgb(237,190,37)
```

Complementary Color

#25b8ed
```
#25b8ed rgb(37,184,237)
```
#2554ed
```
#2554ed rgb(37,84,237)
```
#5a25ed
```
#5a25ed rgb(90,37,237)
```

Analogous Color

#b8ed25
```
#b8ed25 rgb(184,237,37)
```
#2554ed
```
#2554ed rgb(37,84,237)
```
#ed5a25
```
#ed5a25 rgb(237,90,37)
```

Split Complementary Color

#54ed25
```
#54ed25 rgb(84,237,37)
```
#2554ed
```
#2554ed rgb(37,84,237)
```
#ed2554
```
#ed2554 rgb(237,37,84)
```

Triadic Color

#25edbe
```
#25edbe rgb(37,237,190)
```
#2554ed
```
#2554ed rgb(37,84,237)
```
#ed2554
```
#ed2554 rgb(237,37,84)
```
#edbe25
```
#edbe25 rgb(237,190,37)
```

Tetradic Color

#0f36b6
```
#0f36b6 rgb(15,54,182)
```
#113dce
```
#113dce rgb(17,61,206)
```
#1344e6
```
#1344e6 rgb(19,68,230)
```
#2554ed
```
#2554ed rgb(37,84,237)
```
#3d66ef
```
#3d66ef rgb(61,102,239)
```
#5479f1
```
#5479f1 rgb(84,121,241)
```
#6c8bf3
```
#6c8bf3 rgb(108,139,243)
```

Monochromatic Color

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

#2586ed
```
#2586ed rgb(37,134,237)
```
#2575ed
```
#2575ed rgb(37,117,237)
```
#2565ed
```
#2565ed rgb(37,101,237)
```
#2554ed
```
#2554ed rgb(37,84,237)
```
#2543ed
```
#2543ed rgb(37,67,237)
```
#2533ed
```
#2533ed rgb(37,51,237)
```
#2825ed
```
#2825ed rgb(40,37,237)
```

Similar Colors

Text with hexadecimal color #2554ed

This text has a font color of #2554ed.

<span style="color:#2554ed;">Text here</span>

#2554ed background color

This paragraph has a background color of #2554ed.

<p style="background-color:#2554ed;">Content here</p>

#2554ed border color

This element has a border color of #2554ed.

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

CSS codes

.text {color:#2554ed;}

.background {background-color:#2554ed;}

.border {border:1px solid #2554ed;}

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

#010512
```
#010512 rgb(1,5,18)
```
#030b24
```
#030b24 rgb(3,11,36)
```
#041036
```
#041036 rgb(4,16,54)
```
#061548
```
#061548 rgb(6,21,72)
```
#071b5a
```
#071b5a rgb(7,27,90)
```
#09206c
```
#09206c rgb(9,32,108)
```
#0a267e
```
#0a267e rgb(10,38,126)
```
#0c2b90
```
#0c2b90 rgb(12,43,144)
```
#0d30a3
```
#0d30a3 rgb(13,48,163)
```
#0f36b5
```
#0f36b5 rgb(15,54,181)
```
#103bc7
```
#103bc7 rgb(16,59,199)
```
#1241d9
```
#1241d9 rgb(18,65,217)
```
#1346eb
```
#1346eb rgb(19,70,235)
```

Shade Color Variation

#2554ed
```
#2554ed rgb(37,84,237)
```
#3762ee
```
#3762ee rgb(55,98,238)
```
#4970f0
```
#4970f0 rgb(73,112,240)
```
#5b7ff1
```
#5b7ff1 rgb(91,127,241)
```
#6d8df3
```
#6d8df3 rgb(109,141,243)
```
#809bf4
```
#809bf4 rgb(128,155,244)
```
#92a9f6
```
#92a9f6 rgb(146,169,246)
```
#a4b7f7
```
#a4b7f7 rgb(164,183,247)
```
#b6c6f9
```
#b6c6f9 rgb(182,198,249)
```
#c8d4fa
```
#c8d4fa rgb(200,212,250)
```
#dae2fc
```
#dae2fc rgb(218,226,252)
```
#ecf0fd
```
#ecf0fd rgb(236,240,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898989 is the less saturated color, while #1c4ff6 is the most saturated one.

#898989
```
#898989 rgb(137,137,137)
```
#808492
```
#808492 rgb(128,132,146)
```
#777f9b
```
#777f9b rgb(119,127,155)
```
#6e7aa4
```
#6e7aa4 rgb(110,122,164)
```
#6576ad
```
#6576ad rgb(101,118,173)
```
#5b71b7
```
#5b71b7 rgb(91,113,183)
```
#526cc0
```
#526cc0 rgb(82,108,192)
```
#4967c9
```
#4967c9 rgb(73,103,201)
```
#4062d2
```
#4062d2 rgb(64,98,210)
```
#375edb
```
#375edb rgb(55,94,219)
```
#2e59e4
```
#2e59e4 rgb(46,89,228)
```
#2554ed
```
#2554ed rgb(37,84,237)
```
#1c4ff6
```
#1c4ff6 rgb(28,79,246)
```

Tone Color Variation

Below, you can see how #2554ed 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
#4d5675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0d61d8 Protanomaly 1% of men, 0.01% of women
#0d65c7 Deuteranomaly 6% of men, 0.4% of women
#0d6aa5 Tritanomaly 0.01% of the population

#2554ed hex color

#2554ed Color Information

#2554ed Color Conversion

Color Schemes with #2554ed

Alternatives to #2554ed

#2554ed Preview

Shades and Tints of #2554ed

Tones of #2554ed

Color Blindness Simulator