#157fba hex color

In a RGB color space, hex #157fba is composed of 8.2% red, 49.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 88.7% cyan, 31.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 201.5 degrees, a saturation of 79.7% and a lightness of 40.6%. #157fba color hex could be obtained by blending #2afeff with #000075. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 50
- B 73
RGB color chart
- C 89
- M 32
- Y 0
- K 27
CMYK color chart

● #157fba color description : Strong blue.

The hexadecimal color #157fba has RGB values of R:21, G:127, B:186 and CMYK values of C:0.89, M:0.32, Y:0, K:0.27. Its decimal value is 1408954.

Hex triplet	157fba	`#157fba`
RGB Decimal	21, 127, 186	`rgb(21,127,186)`
RGB Percent	8.2, 49.8, 72.9	`rgb(8.2%,49.8%,72.9%)`
CMYK	89, 32, 0, 27
HSL	201.5°, 79.7, 40.6	`hsl(201.5,79.7%,40.6%)`
HSV (or HSB)	201.5°, 88.7, 72.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	50.549, -6.47, -38.747
XYZ	16.759, 18.882, 49.213
xyY	0.198, 0.223, 18.882
CIE-LCH	50.549, 39.284, 260.52
CIE-LUV	50.549, -31.593, -58.286
Hunter-Lab	43.453, -7.198, -36.732
Binary	00010101, 01111111, 10111010

#157fba
```
#157fba rgb(21,127,186)
```
#ba5015
```
#ba5015 rgb(186,80,21)
```

Complementary Color

#15baa3
```
#15baa3 rgb(21,186,163)
```
#157fba
```
#157fba rgb(21,127,186)
```
#152dba
```
#152dba rgb(21,45,186)
```

Analogous Color

#baa315
```
#baa315 rgb(186,163,21)
```
#157fba
```
#157fba rgb(21,127,186)
```
#ba152d
```
#ba152d rgb(186,21,45)
```

Split Complementary Color

#7fba15
```
#7fba15 rgb(127,186,21)
```
#157fba
```
#157fba rgb(21,127,186)
```
#ba157f
```
#ba157f rgb(186,21,127)
```

Triadic Color

#15ba50
```
#15ba50 rgb(21,186,80)
```
#157fba
```
#157fba rgb(21,127,186)
```
#ba157f
```
#ba157f rgb(186,21,127)
```
#ba5015
```
#ba5015 rgb(186,80,21)
```

Tetradic Color

#0d5075
```
#0d5075 rgb(13,80,117)
```
#10608c
```
#10608c rgb(16,96,140)
```
#126fa3
```
#126fa3 rgb(18,111,163)
```
#157fba
```
#157fba rgb(21,127,186)
```
#188fd1
```
#188fd1 rgb(24,143,209)
```
#1d9ee5
```
#1d9ee5 rgb(29,158,229)
```
#33a7e8
```
#33a7e8 rgb(51,167,232)
```

Monochromatic Color

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

#15a8ba
```
#15a8ba rgb(21,168,186)
```
#159bba
```
#159bba rgb(21,155,186)
```
#158dba
```
#158dba rgb(21,141,186)
```
#157fba
```
#157fba rgb(21,127,186)
```
#1571ba
```
#1571ba rgb(21,113,186)
```
#1564ba
```
#1564ba rgb(21,100,186)
```
#1556ba
```
#1556ba rgb(21,86,186)
```

Similar Colors

Text with hexadecimal color #157fba

This text has a font color of #157fba.

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

#157fba background color

This paragraph has a background color of #157fba.

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

#157fba border color

This element has a border color of #157fba.

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

CSS codes

.text {color:#157fba;}

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

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

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, #01070a is the darkest color, while #f7fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#03131b
```
#03131b rgb(3,19,27)
```
#051f2d
```
#051f2d rgb(5,31,45)
```
#072b3f
```
#072b3f rgb(7,43,63)
```
#093750
```
#093750 rgb(9,55,80)
```
#0b4362
```
#0b4362 rgb(11,67,98)
```
#0d4f73
```
#0d4f73 rgb(13,79,115)
```
#0f5b85
```
#0f5b85 rgb(15,91,133)
```
#116797
```
#116797 rgb(17,103,151)
```
#1373a8
```
#1373a8 rgb(19,115,168)
```
#157fba
```
#157fba rgb(21,127,186)
```
#178bcc
```
#178bcc rgb(23,139,204)
```
#1997dd
```
#1997dd rgb(25,151,221)
```

Shade Color Variation

#24a1e6
```
#24a1e6 rgb(36,161,230)
```
#35a8e8
```
#35a8e8 rgb(53,168,232)
```
#47b0ea
```
#47b0ea rgb(71,176,234)
```
#58b7ec
```
#58b7ec rgb(88,183,236)
```
#6abfee
```
#6abfee rgb(106,191,238)
```
#7cc7f0
```
#7cc7f0 rgb(124,199,240)
```
#8dcef2
```
#8dcef2 rgb(141,206,242)
```
#9fd6f4
```
#9fd6f4 rgb(159,214,244)
```
#b1ddf6
```
#b1ddf6 rgb(177,221,246)
```
#c2e5f8
```
#c2e5f8 rgb(194,229,248)
```
#d4ecfa
```
#d4ecfa rgb(212,236,250)
```
#e5f4fc
```
#e5f4fc rgb(229,244,252)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65686a is the less saturated color, while #0584ca is the most saturated one.

#65686a
```
#65686a rgb(101,104,106)
```
#5d6b72
```
#5d6b72 rgb(93,107,114)
```
#556d7a
```
#556d7a rgb(85,109,122)
```
#4d6f82
```
#4d6f82 rgb(77,111,130)
```
#45718a
```
#45718a rgb(69,113,138)
```
#3d7492
```
#3d7492 rgb(61,116,146)
```
#35769a
```
#35769a rgb(53,118,154)
```
#2d78a2
```
#2d78a2 rgb(45,120,162)
```
#257aaa
```
#257aaa rgb(37,122,170)
```
#1d7db2
```
#1d7db2 rgb(29,125,178)
```
#157fba
```
#157fba rgb(21,127,186)
```
#0d81c2
```
#0d81c2 rgb(13,129,194)
```
#0584ca
```
#0584ca rgb(5,132,202)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#566b77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#697db7 Protanopia 1% of men
#587fc0 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#4b7db8 Protanomaly 1% of men, 0.01% of women
#407fbd Deuteranomaly 6% of men, 0.4% of women
#0787a2 Tritanomaly 0.01% of the population

#157fba hex color

#157fba Color Information

#157fba Color Conversion

Color Schemes with #157fba

Alternatives to #157fba

#157fba Preview

Shades and Tints of #157fba

Tones of #157fba

Color Blindness Simulator