#1553c2 hex color

In a RGB color space, hex #1553c2 is composed of 8.2% red, 32.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 57.2% magenta, 0% yellow and 23.9% black. It has a hue angle of 218.5 degrees, a saturation of 80.5% and a lightness of 42.2%. #1553c2 color hex could be obtained by blending #2aa6ff 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

● #1553c2 color description : Strong blue.

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

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

CIE-LAB	38.27, 24.603, -63.083
XYZ	13.138, 10.24, 52.32
xyY	0.174, 0.135, 10.24
CIE-LCH	38.27, 67.711, 291.307
CIE-LUV	38.27, -17.656, -91.356
Hunter-Lab	32, 17.286, -74.54
Binary	00010101, 01010011, 11000010

#1553c2
```
#1553c2 rgb(21,83,194)
```
#c28415
```
#c28415 rgb(194,132,21)
```

Complementary Color

#15aac2
```
#15aac2 rgb(21,170,194)
```
#1553c2
```
#1553c2 rgb(21,83,194)
```
#2e15c2
```
#2e15c2 rgb(46,21,194)
```

Analogous Color

#aac215
```
#aac215 rgb(170,194,21)
```
#1553c2
```
#1553c2 rgb(21,83,194)
```
#c22e15
```
#c22e15 rgb(194,46,21)
```

Split Complementary Color

#53c215
```
#53c215 rgb(83,194,21)
```
#1553c2
```
#1553c2 rgb(21,83,194)
```
#c21553
```
#c21553 rgb(194,21,83)
```

Triadic Color

#15c284
```
#15c284 rgb(21,194,132)
```
#1553c2
```
#1553c2 rgb(21,83,194)
```
#c21553
```
#c21553 rgb(194,21,83)
```
#c28415
```
#c28415 rgb(194,132,21)
```

Tetradic Color

#0e357d
```
#0e357d rgb(14,53,125)
```
#103f94
```
#103f94 rgb(16,63,148)
```
#1349ab
```
#1349ab rgb(19,73,171)
```
#1553c2
```
#1553c2 rgb(21,83,194)
```
#175dd9
```
#175dd9 rgb(23,93,217)
```
#2369e7
```
#2369e7 rgb(35,105,231)
```
#3a79ea
```
#3a79ea rgb(58,121,234)
```

Monochromatic Color

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

#157ec2
```
#157ec2 rgb(21,126,194)
```
#1570c2
```
#1570c2 rgb(21,112,194)
```
#1561c2
```
#1561c2 rgb(21,97,194)
```
#1553c2
```
#1553c2 rgb(21,83,194)
```
#1545c2
```
#1545c2 rgb(21,69,194)
```
#1536c2
```
#1536c2 rgb(21,54,194)
```
#1528c2
```
#1528c2 rgb(21,40,194)
```

Similar Colors

Text with hexadecimal color #1553c2

This text has a font color of #1553c2.

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

#1553c2 background color

This paragraph has a background color of #1553c2.

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

#1553c2 border color

This element has a border color of #1553c2.

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

CSS codes

.text {color:#1553c2;}

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

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

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)
```
#061634
```
#061634 rgb(6,22,52)
```
#081e46
```
#081e46 rgb(8,30,70)
```
#0a2658
```
#0a2658 rgb(10,38,88)
```
#0b2d6a
```
#0b2d6a rgb(11,45,106)
```
#0d357b
```
#0d357b rgb(13,53,123)
```
#0f3c8d
```
#0f3c8d rgb(15,60,141)
```
#11449f
```
#11449f rgb(17,68,159)
```
#134bb0
```
#134bb0 rgb(19,75,176)
```
#1553c2
```
#1553c2 rgb(21,83,194)
```
#175bd4
```
#175bd4 rgb(23,91,212)
```
#1962e5
```
#1962e5 rgb(25,98,229)
```

Shade Color Variation

#2a6ee8
```
#2a6ee8 rgb(42,110,232)
```
#3c7aea
```
#3c7aea rgb(60,122,234)
```
#4d86ec
```
#4d86ec rgb(77,134,236)
```
#5f92ee
```
#5f92ee rgb(95,146,238)
```
#719ef0
```
#719ef0 rgb(113,158,240)
```
#82aaf2
```
#82aaf2 rgb(130,170,242)
```
#94b6f3
```
#94b6f3 rgb(148,182,243)
```
#a6c2f5
```
#a6c2f5 rgb(166,194,245)
```
#b8cef7
```
#b8cef7 rgb(184,206,247)
```
#c9daf9
```
#c9daf9 rgb(201,218,249)
```
#dbe6fb
```
#dbe6fb rgb(219,230,251)
```
#edf2fd
```
#edf2fd rgb(237,242,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 #044ed3 is the most saturated one.

#686a6f
```
#686a6f rgb(104,106,111)
```
#5f6878
```
#5f6878 rgb(95,104,120)
```
#576680
```
#576680 rgb(87,102,128)
```
#4f6388
```
#4f6388 rgb(79,99,136)
```
#476190
```
#476190 rgb(71,97,144)
```
#3e5f99
```
#3e5f99 rgb(62,95,153)
```
#365ca1
```
#365ca1 rgb(54,92,161)
```
#2e5aa9
```
#2e5aa9 rgb(46,90,169)
```
#2658b1
```
#2658b1 rgb(38,88,177)
```
#1d55ba
```
#1d55ba rgb(29,85,186)
```
#1553c2
```
#1553c2 rgb(21,83,194)
```
#0d51ca
```
#0d51ca rgb(13,81,202)
```
#044ed3
```
#044ed3 rgb(4,78,211)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#424e64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0065a3 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

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

#1553c2 hex color

#1553c2 Color Information

#1553c2 Color Conversion

Color Schemes with #1553c2

Alternatives to #1553c2

#1553c2 Preview

Shades and Tints of #1553c2

Tones of #1553c2

Color Blindness Simulator