#157ac4 hex color

In a RGB color space, hex #157ac4 is composed of 8.2% red, 47.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 37.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 205.4 degrees, a saturation of 80.6% and a lightness of 42.5%. #157ac4 color hex could be obtained by blending #2af4ff with #000089. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 48
- B 77
RGB color chart
- C 89
- M 38
- Y 0
- K 23
CMYK color chart

● #157ac4 color description : Strong blue.

The hexadecimal color #157ac4 has RGB values of R:21, G:122, B:196 and CMYK values of C:0.89, M:0.38, Y:0, K:0.23. Its decimal value is 1407684.

Hex triplet	157ac4	`#157ac4`
RGB Decimal	21, 122, 196	`rgb(21,122,196)`
RGB Percent	8.2, 47.8, 76.9	`rgb(8.2%,47.8%,76.9%)`
CMYK	89, 38, 0, 23
HSL	205.4°, 80.6, 42.5	`hsl(205.4,80.6%,42.5%)`
HSV (or HSB)	205.4°, 89.3, 76.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	49.572, 0.342, -46.033
XYZ	17.23, 18.062, 54.8
xyY	0.191, 0.2, 18.062
CIE-LCH	49.572, 46.034, 270.426
CIE-LUV	49.572, -29.354, -70.331
Hunter-Lab	42.5, -2.008, -46.699
Binary	00010101, 01111010, 11000100

#157ac4
```
#157ac4 rgb(21,122,196)
```
#c45f15
```
#c45f15 rgb(196,95,21)
```

Complementary Color

#15c4b7
```
#15c4b7 rgb(21,196,183)
```
#157ac4
```
#157ac4 rgb(21,122,196)
```
#1523c4
```
#1523c4 rgb(21,35,196)
```

Analogous Color

#c4b715
```
#c4b715 rgb(196,183,21)
```
#157ac4
```
#157ac4 rgb(21,122,196)
```
#c41523
```
#c41523 rgb(196,21,35)
```

Split Complementary Color

#7ac415
```
#7ac415 rgb(122,196,21)
```
#157ac4
```
#157ac4 rgb(21,122,196)
```
#c4157a
```
#c4157a rgb(196,21,122)
```

Triadic Color

#15c45f
```
#15c45f rgb(21,196,95)
```
#157ac4
```
#157ac4 rgb(21,122,196)
```
#c4157a
```
#c4157a rgb(196,21,122)
```
#c45f15
```
#c45f15 rgb(196,95,21)
```

Tetradic Color

#0e4f7f
```
#0e4f7f rgb(14,79,127)
```
#105d96
```
#105d96 rgb(16,93,150)
```
#136cad
```
#136cad rgb(19,108,173)
```
#157ac4
```
#157ac4 rgb(21,122,196)
```
#1788db
```
#1788db rgb(23,136,219)
```
#2495e8
```
#2495e8 rgb(36,149,232)
```
#3ba0ea
```
#3ba0ea rgb(59,160,234)
```

Monochromatic Color

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

#15a6c4
```
#15a6c4 rgb(21,166,196)
```
#1597c4
```
#1597c4 rgb(21,151,196)
```
#1589c4
```
#1589c4 rgb(21,137,196)
```
#157ac4
```
#157ac4 rgb(21,122,196)
```
#156bc4
```
#156bc4 rgb(21,107,196)
```
#155dc4
```
#155dc4 rgb(21,93,196)
```
#154ec4
```
#154ec4 rgb(21,78,196)
```

Similar Colors

Text with hexadecimal color #157ac4

This text has a font color of #157ac4.

<span style="color:#157ac4;">Text here</span>

#157ac4 background color

This paragraph has a background color of #157ac4.

<p style="background-color:#157ac4;">Content here</p>

#157ac4 border color

This element has a border color of #157ac4.

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

CSS codes

.text {color:#157ac4;}

.background {background-color:#157ac4;}

.border {border:1px solid #157ac4;}

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

#000101
```
#000101 rgb(0,1,1)
```
#020c13
```
#020c13 rgb(2,12,19)
```
#041725
```
#041725 rgb(4,23,37)
```
#062236
```
#062236 rgb(6,34,54)
```
#082d48
```
#082d48 rgb(8,45,72)
```
#0a385a
```
#0a385a rgb(10,56,90)
```
#0c436b
```
#0c436b rgb(12,67,107)
```
#0d4e7d
```
#0d4e7d rgb(13,78,125)
```
#0f598f
```
#0f598f rgb(15,89,143)
```
#1164a1
```
#1164a1 rgb(17,100,161)
```
#136fb2
```
#136fb2 rgb(19,111,178)
```
#157ac4
```
#157ac4 rgb(21,122,196)
```
#1785d6
```
#1785d6 rgb(23,133,214)
```

Shade Color Variation

#1a90e6
```
#1a90e6 rgb(26,144,230)
```
#2c98e8
```
#2c98e8 rgb(44,152,232)
```
#3da1ea
```
#3da1ea rgb(61,161,234)
```
#4faaec
```
#4faaec rgb(79,170,236)
```
#61b2ee
```
#61b2ee rgb(97,178,238)
```
#72bbf0
```
#72bbf0 rgb(114,187,240)
```
#84c3f2
```
#84c3f2 rgb(132,195,242)
```
#96ccf4
```
#96ccf4 rgb(150,204,244)
```
#a8d5f6
```
#a8d5f6 rgb(168,213,246)
```
#b9ddf8
```
#b9ddf8 rgb(185,221,248)
```
#cbe6f9
```
#cbe6f9 rgb(203,230,249)
```
#ddeefb
```
#ddeefb rgb(221,238,251)
```
#eef7fd
```
#eef7fd rgb(238,247,253)
```

Tint Color Variation

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

#686d71
```
#686d71 rgb(104,109,113)
```
#606e79
```
#606e79 rgb(96,110,121)
```
#587081
```
#587081 rgb(88,112,129)
```
#4f718a
```
#4f718a rgb(79,113,138)
```
#477292
```
#477292 rgb(71,114,146)
```
#3f749a
```
#3f749a rgb(63,116,154)
```
#3675a3
```
#3675a3 rgb(54,117,163)
```
#2e76ab
```
#2e76ab rgb(46,118,171)
```
#2677b3
```
#2677b3 rgb(38,119,179)
```
#1d79bc
```
#1d79bc rgb(29,121,188)
```
#157ac4
```
#157ac4 rgb(21,122,196)
```
#0d7bcc
```
#0d7bcc rgb(13,123,204)
```
#047dd5
```
#047dd5 rgb(4,125,213)
```

Tone Color Variation

Below, you can see how #157ac4 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

#646464 Achromatopsia 0.005% of the population
#546877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e7ac2 Protanopia 1% of men
#427ec8 Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#437ac2 Protanomaly 1% of men, 0.01% of women
#317cc6 Deuteranomaly 6% of men, 0.4% of women
#0783a4 Tritanomaly 0.01% of the population

#157ac4 hex color

#157ac4 Color Information

#157ac4 Color Conversion

Color Schemes with #157ac4

Alternatives to #157ac4

#157ac4 Preview

Shades and Tints of #157ac4

Tones of #157ac4

Color Blindness Simulator