#1557ca hex color

In a RGB color space, hex #1557ca is composed of 8.2% red, 34.1% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 56.9% magenta, 0% yellow and 20.8% black. It has a hue angle of 218.1 degrees, a saturation of 81.2% and a lightness of 43.7%. #1557ca color hex could be obtained by blending #2aaeff with #000095. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 34
- B 79
RGB color chart
- C 90
- M 57
- Y 0
- K 21
CMYK color chart

● #1557ca color description : Strong blue.

The hexadecimal color #1557ca has RGB values of R:21, G:87, B:202 and CMYK values of C:0.9, M:0.57, Y:0, K:0.21. Its decimal value is 1398730.

Hex triplet	1557ca	`#1557ca`
RGB Decimal	21, 87, 202	`rgb(21,87,202)`
RGB Percent	8.2, 34.1, 79.2	`rgb(8.2%,34.1%,79.2%)`
CMYK	90, 57, 0, 21
HSL	218.1°, 81.2, 43.7	`hsl(218.1,81.2%,43.7%)`
HSV (or HSB)	218.1°, 89.6, 79.2
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.98, 25.108, -64.94
XYZ	14.376, 11.239, 57.286
xyY	0.173, 0.136, 11.239
CIE-LCH	39.98, 69.625, 291.138
CIE-LUV	39.98, -18.593, -95.247
Hunter-Lab	33.524, 17.876, -77.846
Binary	00010101, 01010111, 11001010

#1557ca
```
#1557ca rgb(21,87,202)
```
#ca8815
```
#ca8815 rgb(202,136,21)
```

Complementary Color

#15b2ca
```
#15b2ca rgb(21,178,202)
```
#1557ca
```
#1557ca rgb(21,87,202)
```
#2e15ca
```
#2e15ca rgb(46,21,202)
```

Analogous Color

#b2ca15
```
#b2ca15 rgb(178,202,21)
```
#1557ca
```
#1557ca rgb(21,87,202)
```
#ca2e15
```
#ca2e15 rgb(202,46,21)
```

Split Complementary Color

#57ca15
```
#57ca15 rgb(87,202,21)
```
#1557ca
```
#1557ca rgb(21,87,202)
```
#ca1557
```
#ca1557 rgb(202,21,87)
```

Triadic Color

#15ca88
```
#15ca88 rgb(21,202,136)
```
#1557ca
```
#1557ca rgb(21,87,202)
```
#ca1557
```
#ca1557 rgb(202,21,87)
```
#ca8815
```
#ca8815 rgb(202,136,21)
```

Tetradic Color

#0e3985
```
#0e3985 rgb(14,57,133)
```
#10439c
```
#10439c rgb(16,67,156)
```
#134db3
```
#134db3 rgb(19,77,179)
```
#1557ca
```
#1557ca rgb(21,87,202)
```
#1761e1
```
#1761e1 rgb(23,97,225)
```
#296fe9
```
#296fe9 rgb(41,111,233)
```
#407feb
```
#407feb rgb(64,127,235)
```

Monochromatic Color

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

#1584ca
```
#1584ca rgb(21,132,202)
```
#1575ca
```
#1575ca rgb(21,117,202)
```
#1566ca
```
#1566ca rgb(21,102,202)
```
#1557ca
```
#1557ca rgb(21,87,202)
```
#1548ca
```
#1548ca rgb(21,72,202)
```
#1539ca
```
#1539ca rgb(21,57,202)
```
#152aca
```
#152aca rgb(21,42,202)
```

Similar Colors

Text with hexadecimal color #1557ca

This text has a font color of #1557ca.

<span style="color:#1557ca;">Text here</span>

#1557ca background color

This paragraph has a background color of #1557ca.

<p style="background-color:#1557ca;">Content here</p>

#1557ca border color

This element has a border color of #1557ca.

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

CSS codes

.text {color:#1557ca;}

.background {background-color:#1557ca;}

.border {border:1px solid #1557ca;}

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

#010307
```
#010307 rgb(1,3,7)
```
#030a18
```
#030a18 rgb(3,10,24)
```
#04122a
```
#04122a rgb(4,18,42)
```
#061a3c
```
#061a3c rgb(6,26,60)
```
#08214e
```
#08214e rgb(8,33,78)
```
#0a295f
```
#0a295f rgb(10,41,95)
```
#0c3171
```
#0c3171 rgb(12,49,113)
```
#0e3883
```
#0e3883 rgb(14,56,131)
```
#0f4095
```
#0f4095 rgb(15,64,149)
```
#1148a6
```
#1148a6 rgb(17,72,166)
```
#134fb8
```
#134fb8 rgb(19,79,184)
```
#1557ca
```
#1557ca rgb(21,87,202)
```
#175fdc
```
#175fdc rgb(23,95,220)
```

Shade Color Variation

#1f68e8
```
#1f68e8 rgb(31,104,232)
```
#3074ea
```
#3074ea rgb(48,116,234)
```
#4280eb
```
#4280eb rgb(66,128,235)
```
#548ced
```
#548ced rgb(84,140,237)
```
#6698ef
```
#6698ef rgb(102,152,239)
```
#77a4f1
```
#77a4f1 rgb(119,164,241)
```
#89b0f3
```
#89b0f3 rgb(137,176,243)
```
#9bbcf5
```
#9bbcf5 rgb(155,188,245)
```
#adc8f6
```
#adc8f6 rgb(173,200,246)
```
#bed4f8
```
#bed4f8 rgb(190,212,248)
```
#d0e0fa
```
#d0e0fa rgb(208,224,250)
```
#e2ebfc
```
#e2ebfc rgb(226,235,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6e74 is the less saturated color, while #0452db is the most saturated one.

#6b6e74
```
#6b6e74 rgb(107,110,116)
```
#626c7d
```
#626c7d rgb(98,108,125)
```
#5a6a85
```
#5a6a85 rgb(90,106,133)
```
#51678e
```
#51678e rgb(81,103,142)
```
#486597
```
#486597 rgb(72,101,151)
```
#40639f
```
#40639f rgb(64,99,159)
```
#3760a8
```
#3760a8 rgb(55,96,168)
```
#2f5eb0
```
#2f5eb0 rgb(47,94,176)
```
#265cb9
```
#265cb9 rgb(38,92,185)
```
#1e59c1
```
#1e59c1 rgb(30,89,193)
```
#1557ca
```
#1557ca rgb(21,87,202)
```
#0c55d3
```
#0c55d3 rgb(12,85,211)
```
#0452db
```
#0452db rgb(4,82,219)
```

Tone Color Variation

Below, you can see how #1557ca 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

#505050 Achromatopsia 0.005% of the population
#445168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069aa Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#075ec5 Protanomaly 1% of men, 0.01% of women
#0762b5 Deuteranomaly 6% of men, 0.4% of women
#076795 Tritanomaly 0.01% of the population

#1557ca hex color

#1557ca Color Information

#1557ca Color Conversion

Color Schemes with #1557ca

Alternatives to #1557ca

#1557ca Preview

Shades and Tints of #1557ca

Tones of #1557ca

Color Blindness Simulator