#1c54e2 hex color

In a RGB color space, hex #1c54e2 is composed of 11% red, 32.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 62.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 223 degrees, a saturation of 78% and a lightness of 49.8%. #1c54e2 color hex could be obtained by blending #38a8ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 11
- G 33
- B 89
RGB color chart
- C 88
- M 63
- Y 0
- K 11
CMYK color chart

● #1c54e2 color description : Vivid blue.

The hexadecimal color #1c54e2 has RGB values of R:28, G:84, B:226 and CMYK values of C:0.88, M:0.63, Y:0, K:0.11. Its decimal value is 1856738.

Hex triplet	1c54e2	`#1c54e2`
RGB Decimal	28, 84, 226	`rgb(28,84,226)`
RGB Percent	11, 32.9, 88.6	`rgb(11%,32.9%,88.6%)`
CMYK	88, 63, 0, 11
HSL	223°, 78, 49.8	`hsl(223,78%,49.8%)`
HSV (or HSB)	223°, 87.6, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.338, 36.614, -76.476
XYZ	17.374, 12.077, 73.363
xyY	0.169, 0.117, 12.077
CIE-LCH	41.338, 84.789, 295.584
CIE-LUV	41.338, -17.105, -112.148
Hunter-Lab	34.752, 28.422, -100.836
Binary	00011100, 01010100, 11100010

#1c54e2
```
#1c54e2 rgb(28,84,226)
```
#e2aa1c
```
#e2aa1c rgb(226,170,28)
```

Complementary Color

#1cb7e2
```
#1cb7e2 rgb(28,183,226)
```
#1c54e2
```
#1c54e2 rgb(28,84,226)
```
#471ce2
```
#471ce2 rgb(71,28,226)
```

Analogous Color

#b7e21c
```
#b7e21c rgb(183,226,28)
```
#1c54e2
```
#1c54e2 rgb(28,84,226)
```
#e2471c
```
#e2471c rgb(226,71,28)
```

Split Complementary Color

#54e21c
```
#54e21c rgb(84,226,28)
```
#1c54e2
```
#1c54e2 rgb(28,84,226)
```
#e21c54
```
#e21c54 rgb(226,28,84)
```

Triadic Color

#1ce2aa
```
#1ce2aa rgb(28,226,170)
```
#1c54e2
```
#1c54e2 rgb(28,84,226)
```
#e21c54
```
#e21c54 rgb(226,28,84)
```
#e2aa1c
```
#e2aa1c rgb(226,170,28)
```

Tetradic Color

#143b9e
```
#143b9e rgb(20,59,158)
```
#1643b5
```
#1643b5 rgb(22,67,181)
```
#194ccb
```
#194ccb rgb(25,76,203)
```
#1c54e2
```
#1c54e2 rgb(28,84,226)
```
#3265e6
```
#3265e6 rgb(50,101,230)
```
#4976e8
```
#4976e8 rgb(73,118,232)
```
#5f87eb
```
#5f87eb rgb(95,135,235)
```

Monochromatic Color

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

#1c86e2
```
#1c86e2 rgb(28,134,226)
```
#1c75e2
```
#1c75e2 rgb(28,117,226)
```
#1c65e2
```
#1c65e2 rgb(28,101,226)
```
#1c54e2
```
#1c54e2 rgb(28,84,226)
```
#1c43e2
```
#1c43e2 rgb(28,67,226)
```
#1c33e2
```
#1c33e2 rgb(28,51,226)
```
#1c23e2
```
#1c23e2 rgb(28,35,226)
```

Similar Colors

Text with hexadecimal color #1c54e2

This text has a font color of #1c54e2.

<span style="color:#1c54e2;">Text here</span>

#1c54e2 background color

This paragraph has a background color of #1c54e2.

<p style="background-color:#1c54e2;">Content here</p>

#1c54e2 border color

This element has a border color of #1c54e2.

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

CSS codes

.text {color:#1c54e2;}

.background {background-color:#1c54e2;}

.border {border:1px solid #1c54e2;}

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

#020611
```
#020611 rgb(2,6,17)
```
#040d22
```
#040d22 rgb(4,13,34)
```
#061333
```
#061333 rgb(6,19,51)
```
#091a45
```
#091a45 rgb(9,26,69)
```
#0b2056
```
#0b2056 rgb(11,32,86)
```
#0d2768
```
#0d2768 rgb(13,39,104)
```
#0f2d79
```
#0f2d79 rgb(15,45,121)
```
#11348b
```
#11348b rgb(17,52,139)
```
#133a9c
```
#133a9c rgb(19,58,156)
```
#1641ae
```
#1641ae rgb(22,65,174)
```
#1847bf
```
#1847bf rgb(24,71,191)
```
#1a4ed1
```
#1a4ed1 rgb(26,78,209)
```
#1c54e2
```
#1c54e2 rgb(28,84,226)
```

Shade Color Variation

#2d61e5
```
#2d61e5 rgb(45,97,229)
```
#3e6ee7
```
#3e6ee7 rgb(62,110,231)
```
#507be9
```
#507be9 rgb(80,123,233)
```
#6188eb
```
#6188eb rgb(97,136,235)
```
#7295ee
```
#7295ee rgb(114,149,238)
```
#84a2f0
```
#84a2f0 rgb(132,162,240)
```
#95b0f2
```
#95b0f2 rgb(149,176,242)
```
#a7bdf4
```
#a7bdf4 rgb(167,189,244)
```
#b8caf6
```
#b8caf6 rgb(184,202,246)
```
#cad7f8
```
#cad7f8 rgb(202,215,248)
```
#dbe4fb
```
#dbe4fb rgb(219,228,251)
```
#edf1fd
```
#edf1fd rgb(237,241,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e80 is the less saturated color, while #084cf6 is the most saturated one.

#7e7e80
```
#7e7e80 rgb(126,126,128)
```
#747a8a
```
#747a8a rgb(116,122,138)
```
#6a7694
```
#6a7694 rgb(106,118,148)
```
#60729e
```
#60729e rgb(96,114,158)
```
#576da7
```
#576da7 rgb(87,109,167)
```
#4d69b1
```
#4d69b1 rgb(77,105,177)
```
#4365bb
```
#4365bb rgb(67,101,187)
```
#3961c5
```
#3961c5 rgb(57,97,197)
```
#305cce
```
#305cce rgb(48,92,206)
```
#2658d8
```
#2658d8 rgb(38,88,216)
```
#1c54e2
```
#1c54e2 rgb(28,84,226)
```
#1250ec
```
#1250ec rgb(18,80,236)
```
#084cf6
```
#084cf6 rgb(8,76,246)
```

Tone Color Variation

Below, you can see how #1c54e2 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

#535353 Achromatopsia 0.005% of the population
#485370 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cae Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#0a5fd1 Protanomaly 1% of men, 0.01% of women
#0a63c0 Deuteranomaly 6% of men, 0.4% of women
#0a689f Tritanomaly 0.01% of the population

#1c54e2 hex color

#1c54e2 Color Information

#1c54e2 Color Conversion

Color Schemes with #1c54e2

Alternatives to #1c54e2

#1c54e2 Preview

Shades and Tints of #1c54e2

Tones of #1c54e2

Color Blindness Simulator