#157caf hex color

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

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

● #157caf color description : Dark blue.

The hexadecimal color #157caf has RGB values of R:21, G:124, B:175 and CMYK values of C:0.88, M:0.29, Y:0, K:0.31. Its decimal value is 1408175.

Hex triplet	157caf	`#157caf`
RGB Decimal	21, 124, 175	`rgb(21,124,175)`
RGB Percent	8.2, 48.6, 68.6	`rgb(8.2%,48.6%,68.6%)`
CMYK	88, 29, 0, 31
HSL	199.9°, 78.6, 38.4	`hsl(199.9,78.6%,38.4%)`
HSV (or HSB)	199.9°, 88, 68.6
Web Safe	006699	`#006699`

CIE-LAB	49.091, -8.856, -34.692
XYZ	15.253, 17.668, 43.162
xyY	0.2, 0.232, 17.668
CIE-LCH	49.091, 35.804, 255.68
CIE-LUV	49.091, -31.237, -51.227
Hunter-Lab	42.034, -8.787, -31.457
Binary	00010101, 01111100, 10101111

#157caf
```
#157caf rgb(21,124,175)
```
#af4815
```
#af4815 rgb(175,72,21)
```

Complementary Color

#15af95
```
#15af95 rgb(21,175,149)
```
#157caf
```
#157caf rgb(21,124,175)
```
#152faf
```
#152faf rgb(21,47,175)
```

Analogous Color

#af9515
```
#af9515 rgb(175,149,21)
```
#157caf
```
#157caf rgb(21,124,175)
```
#af152f
```
#af152f rgb(175,21,47)
```

Split Complementary Color

#7caf15
```
#7caf15 rgb(124,175,21)
```
#157caf
```
#157caf rgb(21,124,175)
```
#af157c
```
#af157c rgb(175,21,124)
```

Triadic Color

#15af48
```
#15af48 rgb(21,175,72)
```
#157caf
```
#157caf rgb(21,124,175)
```
#af157c
```
#af157c rgb(175,21,124)
```
#af4815
```
#af4815 rgb(175,72,21)
```

Tetradic Color

#0d4c6b
```
#0d4c6b rgb(13,76,107)
```
#105c81
```
#105c81 rgb(16,92,129)
```
#126c98
```
#126c98 rgb(18,108,152)
```
#157caf
```
#157caf rgb(21,124,175)
```
#188cc6
```
#188cc6 rgb(24,140,198)
```
#1a9cdd
```
#1a9cdd rgb(26,156,221)
```
#2ba8e6
```
#2ba8e6 rgb(43,168,230)
```

Monochromatic Color

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

#15a3af
```
#15a3af rgb(21,163,175)
```
#1596af
```
#1596af rgb(21,150,175)
```
#1589af
```
#1589af rgb(21,137,175)
```
#157caf
```
#157caf rgb(21,124,175)
```
#156faf
```
#156faf rgb(21,111,175)
```
#1562af
```
#1562af rgb(21,98,175)
```
#1556af
```
#1556af rgb(21,86,175)
```

Similar Colors

Text with hexadecimal color #157caf

This text has a font color of #157caf.

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

#157caf background color

This paragraph has a background color of #157caf.

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

#157caf border color

This element has a border color of #157caf.

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

CSS codes

.text {color:#157caf;}

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

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

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

#020c11
```
#020c11 rgb(2,12,17)
```
#041923
```
#041923 rgb(4,25,35)
```
#062534
```
#062534 rgb(6,37,52)
```
#083246
```
#083246 rgb(8,50,70)
```
#0a3e57
```
#0a3e57 rgb(10,62,87)
```
#0d4a69
```
#0d4a69 rgb(13,74,105)
```
#0f577a
```
#0f577a rgb(15,87,122)
```
#11638c
```
#11638c rgb(17,99,140)
```
#13709d
```
#13709d rgb(19,112,157)
```
#157caf
```
#157caf rgb(21,124,175)
```
#1788c1
```
#1788c1 rgb(23,136,193)
```
#1995d2
```
#1995d2 rgb(25,149,210)
```
#1ba1e4
```
#1ba1e4 rgb(27,161,228)
```

Shade Color Variation

#2da8e6
```
#2da8e6 rgb(45,168,230)
```
#3eb0e8
```
#3eb0e8 rgb(62,176,232)
```
#50b7ea
```
#50b7ea rgb(80,183,234)
```
#61beec
```
#61beec rgb(97,190,236)
```
#73c5ee
```
#73c5ee rgb(115,197,238)
```
#84cdf0
```
#84cdf0 rgb(132,205,240)
```
#96d4f2
```
#96d4f2 rgb(150,212,242)
```
#a7dbf4
```
#a7dbf4 rgb(167,219,244)
```
#b9e2f7
```
#b9e2f7 rgb(185,226,247)
```
#cae9f9
```
#cae9f9 rgb(202,233,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 #0681be is the most saturated one.

#606364
```
#606364 rgb(96,99,100)
```
#59656b
```
#59656b rgb(89,101,107)
```
#516873
```
#516873 rgb(81,104,115)
```
#4a6a7a
```
#4a6a7a rgb(74,106,122)
```
#426d82
```
#426d82 rgb(66,109,130)
```
#3b6f89
```
#3b6f89 rgb(59,111,137)
```
#337291
```
#337291 rgb(51,114,145)
```
#2c7498
```
#2c7498 rgb(44,116,152)
```
#2477a0
```
#2477a0 rgb(36,119,160)
```
#1d79a7
```
#1d79a7 rgb(29,121,167)
```
#157caf
```
#157caf rgb(21,124,175)
```
#0d7fb7
```
#0d7fb7 rgb(13,127,183)
```
#0681be
```
#0681be rgb(6,129,190)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#536872 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7aac Protanopia 1% of men
#5c7bb6 Deuteranopia 1% of men
#008791 Tritanopia 0.001% of the population

Trichromacy

#4b7aad Protanomaly 1% of men, 0.01% of women
#427bb3 Deuteranomaly 6% of men, 0.4% of women
#07839b Tritanomaly 0.01% of the population

#157caf hex color

#157caf Color Information

#157caf Color Conversion

Color Schemes with #157caf

Alternatives to #157caf

#157caf Preview

Shades and Tints of #157caf

Tones of #157caf

Color Blindness Simulator