#2554ec hex color

In a RGB color space, hex #2554ec is composed of 14.5% red, 32.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 64.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 225.8 degrees, a saturation of 84% and a lightness of 53.5%. #2554ec color hex could be obtained by blending #4aa8ff with #0000d9. Closest websafe color is: #3366ff.

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

● #2554ec color description : Bright blue.

The hexadecimal color #2554ec has RGB values of R:37, G:84, B:236 and CMYK values of C:0.84, M:0.64, Y:0, K:0.07. Its decimal value is 2446572.

Hex triplet	2554ec	`#2554ec`
RGB Decimal	37, 84, 236	`rgb(37,84,236)`
RGB Percent	14.5, 32.9, 92.5	`rgb(14.5%,32.9%,92.5%)`
CMYK	84, 64, 0, 7
HSL	225.8°, 84, 53.5	`hsl(225.8,84%,53.5%)`
HSV (or HSB)	225.8°, 84.3, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.443, 40.805, -80.318
XYZ	19.07, 12.789, 80.816
xyY	0.169, 0.114, 12.789
CIE-LCH	42.443, 90.089, 296.932
CIE-LUV	42.443, -16.319, -118.326
Hunter-Lab	35.761, 32.607, -108.955
Binary	00100101, 01010100, 11101100

#2554ec
```
#2554ec rgb(37,84,236)
```
#ecbd25
```
#ecbd25 rgb(236,189,37)
```

Complementary Color

#25b8ec
```
#25b8ec rgb(37,184,236)
```
#2554ec
```
#2554ec rgb(37,84,236)
```
#5925ec
```
#5925ec rgb(89,37,236)
```

Analogous Color

#b8ec25
```
#b8ec25 rgb(184,236,37)
```
#2554ec
```
#2554ec rgb(37,84,236)
```
#ec5925
```
#ec5925 rgb(236,89,37)
```

Split Complementary Color

#54ec25
```
#54ec25 rgb(84,236,37)
```
#2554ec
```
#2554ec rgb(37,84,236)
```
#ec2554
```
#ec2554 rgb(236,37,84)
```

Triadic Color

#25ecbd
```
#25ecbd rgb(37,236,189)
```
#2554ec
```
#2554ec rgb(37,84,236)
```
#ec2554
```
#ec2554 rgb(236,37,84)
```
#ecbd25
```
#ecbd25 rgb(236,189,37)
```

Tetradic Color

#1037b5
```
#1037b5 rgb(16,55,181)
```
#123ecc
```
#123ecc rgb(18,62,204)
```
#1445e4
```
#1445e4 rgb(20,69,228)
```
#2554ec
```
#2554ec rgb(37,84,236)
```
#3c66ee
```
#3c66ee rgb(60,102,238)
```
#5479f0
```
#5479f0 rgb(84,121,240)
```
#6b8bf2
```
#6b8bf2 rgb(107,139,242)
```

Monochromatic Color

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

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

Similar Colors

Text with hexadecimal color #2554ec

This text has a font color of #2554ec.

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

#2554ec background color

This paragraph has a background color of #2554ec.

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

#2554ec border color

This element has a border color of #2554ec.

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

CSS codes

.text {color:#2554ec;}

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

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

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

#010511
```
#010511 rgb(1,5,17)
```
#030a23
```
#030a23 rgb(3,10,35)
```
#051035
```
#051035 rgb(5,16,53)
```
#061547
```
#061547 rgb(6,21,71)
```
#081b59
```
#081b59 rgb(8,27,89)
```
#09206b
```
#09206b rgb(9,32,107)
```
#0b267d
```
#0b267d rgb(11,38,125)
```
#0c2b8f
```
#0c2b8f rgb(12,43,143)
```
#0e31a1
```
#0e31a1 rgb(14,49,161)
```
#1036b3
```
#1036b3 rgb(16,54,179)
```
#113cc5
```
#113cc5 rgb(17,60,197)
```
#1341d7
```
#1341d7 rgb(19,65,215)
```
#1447e9
```
#1447e9 rgb(20,71,233)
```

Shade Color Variation

#2554ec
```
#2554ec rgb(37,84,236)
```
#3762ee
```
#3762ee rgb(55,98,238)
```
#4970ef
```
#4970ef rgb(73,112,239)
```
#5b7ef1
```
#5b7ef1 rgb(91,126,241)
```
#6d8df2
```
#6d8df2 rgb(109,141,242)
```
#7f9bf4
```
#7f9bf4 rgb(127,155,244)
```
#91a9f5
```
#91a9f5 rgb(145,169,245)
```
#a3b7f7
```
#a3b7f7 rgb(163,183,247)
```
#b5c5f9
```
#b5c5f9 rgb(181,197,249)
```
#c7d3fa
```
#c7d3fa rgb(199,211,250)
```
#d9e2fc
```
#d9e2fc rgb(217,226,252)
```
#ebf0fd
```
#ebf0fd rgb(235,240,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#808491
```
#808491 rgb(128,132,145)
```
#777f9a
```
#777f9a rgb(119,127,154)
```
#6e7aa3
```
#6e7aa3 rgb(110,122,163)
```
#6576ac
```
#6576ac rgb(101,118,172)
```
#5c71b5
```
#5c71b5 rgb(92,113,181)
```
#536cbe
```
#536cbe rgb(83,108,190)
```
#4967c8
```
#4967c8 rgb(73,103,200)
```
#4062d1
```
#4062d1 rgb(64,98,209)
```
#375eda
```
#375eda rgb(55,94,218)
```
#2e59e3
```
#2e59e3 rgb(46,89,227)
```
#2554ec
```
#2554ec rgb(37,84,236)
```
#1c4ff5
```
#1c4ff5 rgb(28,79,245)
```
#134afe
```
#134afe rgb(19,74,254)
```

Tone Color Variation

Below, you can see how #2554ec 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

#0069cc 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

#2554ec hex color

#2554ec Color Information

#2554ec Color Conversion

Color Schemes with #2554ec

Alternatives to #2554ec

#2554ec Preview

Shades and Tints of #2554ec

Tones of #2554ec

Color Blindness Simulator