#1554c2 hex color

In a RGB color space, hex #1554c2 is composed of 8.2% red, 32.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 56.7% magenta, 0% yellow and 23.9% black. It has a hue angle of 218.2 degrees, a saturation of 80.5% and a lightness of 42.2%. #1554c2 color hex could be obtained by blending #2aa8ff with #000085. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 33
- B 76
RGB color chart
- C 89
- M 57
- Y 0
- K 24
CMYK color chart

● #1554c2 color description : Strong blue.

The hexadecimal color #1554c2 has RGB values of R:21, G:84, B:194 and CMYK values of C:0.89, M:0.57, Y:0, K:0.24. Its decimal value is 1397954.

Hex triplet	1554c2	`#1554c2`
RGB Decimal	21, 84, 194	`rgb(21,84,194)`
RGB Percent	8.2, 32.9, 76.1	`rgb(8.2%,32.9%,76.1%)`
CMYK	89, 57, 0, 24
HSL	218.2°, 80.5, 42.2	`hsl(218.2,80.5%,42.2%)`
HSV (or HSB)	218.2°, 89.2, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.54, 23.94, -62.641
XYZ	13.215, 10.394, 52.346
xyY	0.174, 0.137, 10.394
CIE-LCH	38.54, 67.06, 290.916
CIE-LUV	38.54, -17.923, -90.95
Hunter-Lab	32.24, 16.748, -73.698
Binary	00010101, 01010100, 11000010

#1554c2
```
#1554c2 rgb(21,84,194)
```
#c28315
```
#c28315 rgb(194,131,21)
```

Complementary Color

#15abc2
```
#15abc2 rgb(21,171,194)
```
#1554c2
```
#1554c2 rgb(21,84,194)
```
#2d15c2
```
#2d15c2 rgb(45,21,194)
```

Analogous Color

#abc215
```
#abc215 rgb(171,194,21)
```
#1554c2
```
#1554c2 rgb(21,84,194)
```
#c22d15
```
#c22d15 rgb(194,45,21)
```

Split Complementary Color

#54c215
```
#54c215 rgb(84,194,21)
```
#1554c2
```
#1554c2 rgb(21,84,194)
```
#c21554
```
#c21554 rgb(194,21,84)
```

Triadic Color

#15c283
```
#15c283 rgb(21,194,131)
```
#1554c2
```
#1554c2 rgb(21,84,194)
```
#c21554
```
#c21554 rgb(194,21,84)
```
#c28315
```
#c28315 rgb(194,131,21)
```

Tetradic Color

#0e367d
```
#0e367d rgb(14,54,125)
```
#104094
```
#104094 rgb(16,64,148)
```
#134aab
```
#134aab rgb(19,74,171)
```
#1554c2
```
#1554c2 rgb(21,84,194)
```
#175ed9
```
#175ed9 rgb(23,94,217)
```
#236ae7
```
#236ae7 rgb(35,106,231)
```
#3a7aea
```
#3a7aea rgb(58,122,234)
```

Monochromatic Color

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

#157fc2
```
#157fc2 rgb(21,127,194)
```
#1571c2
```
#1571c2 rgb(21,113,194)
```
#1562c2
```
#1562c2 rgb(21,98,194)
```
#1554c2
```
#1554c2 rgb(21,84,194)
```
#1546c2
```
#1546c2 rgb(21,70,194)
```
#1537c2
```
#1537c2 rgb(21,55,194)
```
#1529c2
```
#1529c2 rgb(21,41,194)
```

Similar Colors

Text with hexadecimal color #1554c2

This text has a font color of #1554c2.

<span style="color:#1554c2;">Text here</span>

#1554c2 background color

This paragraph has a background color of #1554c2.

<p style="background-color:#1554c2;">Content here</p>

#1554c2 border color

This element has a border color of #1554c2.

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

CSS codes

.text {color:#1554c2;}

.background {background-color:#1554c2;}

.border {border:1px solid #1554c2;}

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

#020711
```
#020711 rgb(2,7,17)
```
#040f23
```
#040f23 rgb(4,15,35)
```
#061734
```
#061734 rgb(6,23,52)
```
#081e46
```
#081e46 rgb(8,30,70)
```
#0a2658
```
#0a2658 rgb(10,38,88)
```
#0b2e6a
```
#0b2e6a rgb(11,46,106)
```
#0d357b
```
#0d357b rgb(13,53,123)
```
#0f3d8d
```
#0f3d8d rgb(15,61,141)
```
#11459f
```
#11459f rgb(17,69,159)
```
#134cb0
```
#134cb0 rgb(19,76,176)
```
#1554c2
```
#1554c2 rgb(21,84,194)
```
#175cd4
```
#175cd4 rgb(23,92,212)
```
#1963e5
```
#1963e5 rgb(25,99,229)
```

Shade Color Variation

#2a6fe8
```
#2a6fe8 rgb(42,111,232)
```
#3c7bea
```
#3c7bea rgb(60,123,234)
```
#4d87ec
```
#4d87ec rgb(77,135,236)
```
#5f93ee
```
#5f93ee rgb(95,147,238)
```
#719ff0
```
#719ff0 rgb(113,159,240)
```
#82abf2
```
#82abf2 rgb(130,171,242)
```
#94b7f3
```
#94b7f3 rgb(148,183,243)
```
#a6c3f5
```
#a6c3f5 rgb(166,195,245)
```
#b8cff7
```
#b8cff7 rgb(184,207,247)
```
#c9dbf9
```
#c9dbf9 rgb(201,219,249)
```
#dbe7fb
```
#dbe7fb rgb(219,231,251)
```
#edf3fd
```
#edf3fd rgb(237,243,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686a6f is the less saturated color, while #0450d3 is the most saturated one.

#686a6f
```
#686a6f rgb(104,106,111)
```
#5f6878
```
#5f6878 rgb(95,104,120)
```
#576680
```
#576680 rgb(87,102,128)
```
#4f6488
```
#4f6488 rgb(79,100,136)
```
#476190
```
#476190 rgb(71,97,144)
```
#3e5f99
```
#3e5f99 rgb(62,95,153)
```
#365da1
```
#365da1 rgb(54,93,161)
```
#2e5ba9
```
#2e5ba9 rgb(46,91,169)
```
#2658b1
```
#2658b1 rgb(38,88,177)
```
#1d56ba
```
#1d56ba rgb(29,86,186)
```
#1554c2
```
#1554c2 rgb(21,84,194)
```
#0d52ca
```
#0d52ca rgb(13,82,202)
```
#0450d3
```
#0450d3 rgb(4,80,211)
```

Tone Color Variation

Below, you can see how #1554c2 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

#4e4e4e Achromatopsia 0.005% of the population
#434f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0065a4 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#075bbe Protanomaly 1% of men, 0.01% of women
#075faf Deuteranomaly 6% of men, 0.4% of women
#07638f Tritanomaly 0.01% of the population

#1554c2 hex color

#1554c2 Color Information

#1554c2 Color Conversion

Color Schemes with #1554c2

Alternatives to #1554c2

#1554c2 Preview

Shades and Tints of #1554c2

Tones of #1554c2

Color Blindness Simulator