#157faf hex color

In a RGB color space, hex #157faf is composed of 8.2% red, 49.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 88% cyan, 27.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 198.7 degrees, a saturation of 78.6% and a lightness of 38.4%. #157faf color hex could be obtained by blending #2afeff with #00005f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 50
- B 69
RGB color chart
- C 88
- M 27
- Y 0
- K 31
CMYK color chart

● #157faf color description : Dark blue.

The hexadecimal color #157faf has RGB values of R:21, G:127, B:175 and CMYK values of C:0.88, M:0.27, Y:0, K:0.31. Its decimal value is 1408943.

Hex triplet	157faf	`#157faf`
RGB Decimal	21, 127, 175	`rgb(21,127,175)`
RGB Percent	8.2, 49.8, 68.6	`rgb(8.2%,49.8%,68.6%)`
CMYK	88, 27, 0, 31
HSL	198.7°, 78.6, 38.4	`hsl(198.7,78.6%,38.4%)`
HSV (or HSB)	198.7°, 88, 68.6
Web Safe	006699	`#006699`

CIE-LAB	50.016, -10.592, -33.242
XYZ	15.635, 18.432, 43.289
xyY	0.202, 0.238, 18.432
CIE-LCH	50.016, 34.889, 252.327
CIE-LUV	50.016, -32.275, -48.908
Hunter-Lab	42.932, -10.128, -29.73
Binary	00010101, 01111111, 10101111

#157faf
```
#157faf rgb(21,127,175)
```
#af4515
```
#af4515 rgb(175,69,21)
```

Complementary Color

#15af92
```
#15af92 rgb(21,175,146)
```
#157faf
```
#157faf rgb(21,127,175)
```
#1532af
```
#1532af rgb(21,50,175)
```

Analogous Color

#af9215
```
#af9215 rgb(175,146,21)
```
#157faf
```
#157faf rgb(21,127,175)
```
#af1532
```
#af1532 rgb(175,21,50)
```

Split Complementary Color

#7faf15
```
#7faf15 rgb(127,175,21)
```
#157faf
```
#157faf rgb(21,127,175)
```
#af157f
```
#af157f rgb(175,21,127)
```

Triadic Color

#15af45
```
#15af45 rgb(21,175,69)
```
#157faf
```
#157faf rgb(21,127,175)
```
#af157f
```
#af157f rgb(175,21,127)
```
#af4515
```
#af4515 rgb(175,69,21)
```

Tetradic Color

#0d4d6b
```
#0d4d6b rgb(13,77,107)
```
#105e81
```
#105e81 rgb(16,94,129)
```
#126e98
```
#126e98 rgb(18,110,152)
```
#157faf
```
#157faf rgb(21,127,175)
```
#1890c6
```
#1890c6 rgb(24,144,198)
```
#1aa0dd
```
#1aa0dd rgb(26,160,221)
```
#2babe6
```
#2babe6 rgb(43,171,230)
```

Monochromatic Color

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

#15a6af
```
#15a6af rgb(21,166,175)
```
#1599af
```
#1599af rgb(21,153,175)
```
#158caf
```
#158caf rgb(21,140,175)
```
#157faf
```
#157faf rgb(21,127,175)
```
#1572af
```
#1572af rgb(21,114,175)
```
#1565af
```
#1565af rgb(21,101,175)
```
#1559af
```
#1559af rgb(21,89,175)
```

Similar Colors

Text with hexadecimal color #157faf

This text has a font color of #157faf.

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

#157faf background color

This paragraph has a background color of #157faf.

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

#157faf border color

This element has a border color of #157faf.

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

CSS codes

.text {color:#157faf;}

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

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

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, #020d11 is the darkest color, while #ffffff is the lightest one.

#020d11
```
#020d11 rgb(2,13,17)
```
#041923
```
#041923 rgb(4,25,35)
```
#062634
```
#062634 rgb(6,38,52)
```
#083346
```
#083346 rgb(8,51,70)
```
#0a3f57
```
#0a3f57 rgb(10,63,87)
```
#0d4c69
```
#0d4c69 rgb(13,76,105)
```
#0f597a
```
#0f597a rgb(15,89,122)
```
#11668c
```
#11668c rgb(17,102,140)
```
#13729d
```
#13729d rgb(19,114,157)
```
#157faf
```
#157faf rgb(21,127,175)
```
#178cc1
```
#178cc1 rgb(23,140,193)
```
#1998d2
```
#1998d2 rgb(25,152,210)
```
#1ba5e4
```
#1ba5e4 rgb(27,165,228)
```

Shade Color Variation

#2dace6
```
#2dace6 rgb(45,172,230)
```
#3eb3e8
```
#3eb3e8 rgb(62,179,232)
```
#50baea
```
#50baea rgb(80,186,234)
```
#61c1ec
```
#61c1ec rgb(97,193,236)
```
#73c8ee
```
#73c8ee rgb(115,200,238)
```
#84cff0
```
#84cff0 rgb(132,207,240)
```
#96d6f2
```
#96d6f2 rgb(150,214,242)
```
#a7dcf4
```
#a7dcf4 rgb(167,220,244)
```
#b9e3f7
```
#b9e3f7 rgb(185,227,247)
```
#caeaf9
```
#caeaf9 rgb(202,234,249)
```
#dcf1fb
```
#dcf1fb rgb(220,241,251)
```
#edf8fd
```
#edf8fd rgb(237,248,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606364 is the less saturated color, while #0685be is the most saturated one.

#606364
```
#606364 rgb(96,99,100)
```
#59656b
```
#59656b rgb(89,101,107)
```
#516873
```
#516873 rgb(81,104,115)
```
#4a6b7a
```
#4a6b7a rgb(74,107,122)
```
#426e82
```
#426e82 rgb(66,110,130)
```
#3b7189
```
#3b7189 rgb(59,113,137)
```
#337491
```
#337491 rgb(51,116,145)
```
#2c7698
```
#2c7698 rgb(44,118,152)
```
#2479a0
```
#2479a0 rgb(36,121,160)
```
#1d7ca7
```
#1d7ca7 rgb(29,124,167)
```
#157faf
```
#157faf rgb(21,127,175)
```
#0d82b7
```
#0d82b7 rgb(13,130,183)
```
#0685be
```
#0685be rgb(6,133,190)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#556a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7cac Protanopia 1% of men
#617db6 Deuteranopia 1% of men
#008a93 Tritanopia 0.001% of the population

Trichromacy

#4d7dad Protanomaly 1% of men, 0.01% of women
#457eb3 Deuteranomaly 6% of men, 0.4% of women
#07869d Tritanomaly 0.01% of the population

#157faf hex color

#157faf Color Information

#157faf Color Conversion

Color Schemes with #157faf

Alternatives to #157faf

#157faf Preview

Shades and Tints of #157faf

Tones of #157faf

Color Blindness Simulator