colorhexa.com

#0157c5 hex color

In a RGB color space, hex #0157c5 is composed of 0.4% red, 34.1% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 55.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 213.7 degrees, a saturation of 99% and a lightness of 38.8%. #0157c5 color hex could be obtained by blending #02aeff with #00008b. Closest websafe color is: #0066cc.

- R 0
- G 34
- B 77
RGB color chart
- C 99
- M 56
- Y 0
- K 23
CMYK color chart

● #0157c5 color description : Strong blue.

The hexadecimal color #0157c5 has RGB values of R:1, G:87, B:197 and CMYK values of C:0.99, M:0.56, Y:0, K:0.23. Its decimal value is 88005.

Hex triplet	0157c5	`#0157c5`
RGB Decimal	1, 87, 197	`rgb(1,87,197)`
RGB Percent	0.4, 34.1, 77.3	`rgb(0.4%,34.1%,77.3%)`
CMYK	99, 56, 0, 23
HSL	213.7°, 99, 38.8	`hsl(213.7,99%,38.8%)`
HSV (or HSB)	213.7°, 99.5, 77.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.332, 22.356, -63.109
XYZ	13.497, 10.853, 54.204
xyY	0.172, 0.138, 10.853
CIE-LCH	39.332, 66.952, 289.507
CIE-LUV	39.332, -19.707, -92.099
Hunter-Lab	32.944, 15.477, -74.492
Binary	00000001, 01010111, 11000101

#0157c5
```
#0157c5 rgb(1,87,197)
```
#c56f01
```
#c56f01 rgb(197,111,1)
```

Complementary Color

#01b9c5
```
#01b9c5 rgb(1,185,197)
```
#0157c5
```
#0157c5 rgb(1,87,197)
```
#0d01c5
```
#0d01c5 rgb(13,1,197)
```

Analogous Color

#b9c501
```
#b9c501 rgb(185,197,1)
```
#0157c5
```
#0157c5 rgb(1,87,197)
```
#c50d01
```
#c50d01 rgb(197,13,1)
```

Split Complementary Color

#013579
```
#013579 rgb(1,53,121)
```
#014192
```
#014192 rgb(1,65,146)
```
#014cac
```
#014cac rgb(1,76,172)
```
#0157c5
```
#0157c5 rgb(1,87,197)
```
#0162de
```
#0162de rgb(1,98,222)
```
#016df8
```
#016df8 rgb(1,109,248)
```
#157bfe
```
#157bfe rgb(21,123,254)
```

Monochromatic Color

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

#0188c5
```
#0188c5 rgb(1,136,197)
```
#0178c5
```
#0178c5 rgb(1,120,197)
```
#0167c5
```
#0167c5 rgb(1,103,197)
```
#0157c5
```
#0157c5 rgb(1,87,197)
```
#0147c5
```
#0147c5 rgb(1,71,197)
```
#0136c5
```
#0136c5 rgb(1,54,197)
```
#0126c5
```
#0126c5 rgb(1,38,197)
```

Similar Colors

Text with hexadecimal color #0157c5

This text has a font color of #0157c5.

<span style="color:#0157c5;">Text here</span>

#0157c5 background color

This paragraph has a background color of #0157c5.

<p style="background-color:#0157c5;">Content here</p>

#0157c5 border color

This element has a border color of #0157c5.

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

CSS codes

.text {color:#0157c5;}

.background {background-color:#0157c5;}

.border {border:1px solid #0157c5;}

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

#000102
```
#000102 rgb(0,1,2)
```
#000915
```
#000915 rgb(0,9,21)
```
#001229
```
#001229 rgb(0,18,41)
```
#001b3c
```
#001b3c rgb(0,27,60)
```
#002350
```
#002350 rgb(0,35,80)
```
#012c63
```
#012c63 rgb(1,44,99)
```
#013577
```
#013577 rgb(1,53,119)
```
#013d8a
```
#013d8a rgb(1,61,138)
```
#01469e
```
#01469e rgb(1,70,158)
```
#014eb1
```
#014eb1 rgb(1,78,177)
```
#0157c5
```
#0157c5 rgb(1,87,197)
```
#0160d9
```
#0160d9 rgb(1,96,217)
```
#0168ec
```
#0168ec rgb(1,104,236)
```

Shade Color Variation

#0371fe
```
#0371fe rgb(3,113,254)
```
#177cfe
```
#177cfe rgb(23,124,254)
```
#2a87fe
```
#2a87fe rgb(42,135,254)
```
#3e92fe
```
#3e92fe rgb(62,146,254)
```
#519dfe
```
#519dfe rgb(81,157,254)
```
#65a8fe
```
#65a8fe rgb(101,168,254)
```
#78b3fe
```
#78b3fe rgb(120,179,254)
```
#8cbefe
```
#8cbefe rgb(140,190,254)
```
#9fc9ff
```
#9fc9ff rgb(159,201,255)
```
#b3d4ff
```
#b3d4ff rgb(179,212,255)
```
#c6dfff
```
#c6dfff rgb(198,223,255)
```
#daeaff
```
#daeaff rgb(218,234,255)
```
#edf5ff
```
#edf5ff rgb(237,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c626a is the less saturated color, while #0157c5 is the most saturated one.

#5c626a
```
#5c626a rgb(92,98,106)
```
#556171
```
#556171 rgb(85,97,113)
```
#4d6079
```
#4d6079 rgb(77,96,121)
```
#465f80
```
#465f80 rgb(70,95,128)
```
#3e5e88
```
#3e5e88 rgb(62,94,136)
```
#365e90
```
#365e90 rgb(54,94,144)
```
#2f5d97
```
#2f5d97 rgb(47,93,151)
```
#275c9f
```
#275c9f rgb(39,92,159)
```
#1f5ba7
```
#1f5ba7 rgb(31,91,167)
```
#185aae
```
#185aae rgb(24,90,174)
```
#1059b6
```
#1059b6 rgb(16,89,182)
```
#0958bd
```
#0958bd rgb(9,88,189)
```
#0157c5
```
#0157c5 rgb(1,87,197)
```

Tone Color Variation

Below, you can see how #0157c5 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

#4a4a4a Achromatopsia 0.005% of the population
#3b4d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061c0 Protanopia 1% of men
#0067a7 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#005dc1 Protanomaly 1% of men, 0.01% of women
#0061b2 Deuteranomaly 6% of men, 0.4% of women
#006692 Tritanomaly 0.01% of the population