#157d63 hex color

In a RGB color space, hex #157d63 is composed of 8.2% red, 49% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 0% magenta, 20.8% yellow and 51% black. It has a hue angle of 165 degrees, a saturation of 71.2% and a lightness of 28.6%. #157d63 color hex could be obtained by blending #2afac6 with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 8
- G 49
- B 39
RGB color chart
- C 83
- M 0
- Y 21
- K 51
CMYK color chart

● #157d63 color description : Dark cyan.

The hexadecimal color #157d63 has RGB values of R:21, G:125, B:99 and CMYK values of C:0.83, M:0, Y:0.21, K:0.51. Its decimal value is 1408355.

Hex triplet	157d63	`#157d63`
RGB Decimal	21, 125, 99	`rgb(21,125,99)`
RGB Percent	8.2, 49, 38.8	`rgb(8.2%,49%,38.8%)`
CMYK	83, 0, 21, 51
HSL	165°, 71.2, 28.6	`hsl(165,71.2%,28.6%)`
HSV (or HSB)	165°, 83.2, 49
Web Safe	006666	`#006666`

CIE-LAB	46.614, -34.679, 6.251
XYZ	9.894, 15.727, 14.318
xyY	0.248, 0.394, 15.727
CIE-LCH	46.614, 35.238, 169.782
CIE-LUV	46.614, -36.829, 13.24
Hunter-Lab	39.657, -24.864, 6.353
Binary	00010101, 01111101, 01100011

#157d63
```
#157d63 rgb(21,125,99)
```
#7d152f
```
#7d152f rgb(125,21,47)
```

Complementary Color

#157d2f
```
#157d2f rgb(21,125,47)
```
#157d63
```
#157d63 rgb(21,125,99)
```
#15637d
```
#15637d rgb(21,99,125)
```

Analogous Color

#7d2f15
```
#7d2f15 rgb(125,47,21)
```
#157d63
```
#157d63 rgb(21,125,99)
```
#7d1563
```
#7d1563 rgb(125,21,99)
```

Split Complementary Color

#7d6315
```
#7d6315 rgb(125,99,21)
```
#157d63
```
#157d63 rgb(21,125,99)
```
#63157d
```
#63157d rgb(99,21,125)
```

Triadic Color

#2f7d15
```
#2f7d15 rgb(47,125,21)
```
#157d63
```
#157d63 rgb(21,125,99)
```
#63157d
```
#63157d rgb(99,21,125)
```
#7d152f
```
#7d152f rgb(125,21,47)
```

Tetradic Color

#0a3c2f
```
#0a3c2f rgb(10,60,47)
```
#0e5140
```
#0e5140 rgb(14,81,64)
```
#116752
```
#116752 rgb(17,103,82)
```
#157d63
```
#157d63 rgb(21,125,99)
```
#199374
```
#199374 rgb(25,147,116)
```
#1ca986
```
#1ca986 rgb(28,169,134)
```
#20be97
```
#20be97 rgb(32,190,151)
```

Monochromatic Color

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

#157d49
```
#157d49 rgb(21,125,73)
```
#157d52
```
#157d52 rgb(21,125,82)
```
#157d5a
```
#157d5a rgb(21,125,90)
```
#157d63
```
#157d63 rgb(21,125,99)
```
#157d6c
```
#157d6c rgb(21,125,108)
```
#157d74
```
#157d74 rgb(21,125,116)
```
#157d7d
```
#157d7d rgb(21,125,125)
```

Similar Colors

Text with hexadecimal color #157d63

This text has a font color of #157d63.

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

#157d63 background color

This paragraph has a background color of #157d63.

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

#157d63 border color

This element has a border color of #157d63.

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

CSS codes

.text {color:#157d63;}

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

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

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

#010706
```
#010706 rgb(1,7,6)
```
#041813
```
#041813 rgb(4,24,19)
```
#072920
```
#072920 rgb(7,41,32)
```
#0a3a2e
```
#0a3a2e rgb(10,58,46)
```
#0d4b3b
```
#0d4b3b rgb(13,75,59)
```
#0f5b48
```
#0f5b48 rgb(15,91,72)
```
#126c56
```
#126c56 rgb(18,108,86)
```
#157d63
```
#157d63 rgb(21,125,99)
```
#188e70
```
#188e70 rgb(24,142,112)
```
#1b9f7e
```
#1b9f7e rgb(27,159,126)
```
#1daf8b
```
#1daf8b rgb(29,175,139)
```
#20c098
```
#20c098 rgb(32,192,152)
```
#23d1a6
```
#23d1a6 rgb(35,209,166)
```

Shade Color Variation

#2cdcb0
```
#2cdcb0 rgb(44,220,176)
```
#3ddeb6
```
#3ddeb6 rgb(61,222,182)
```
#4ee1bc
```
#4ee1bc rgb(78,225,188)
```
#5fe4c3
```
#5fe4c3 rgb(95,228,195)
```
#6fe7c9
```
#6fe7c9 rgb(111,231,201)
```
#80eacf
```
#80eacf rgb(128,234,207)
```
#91edd6
```
#91edd6 rgb(145,237,214)
```
#a2efdc
```
#a2efdc rgb(162,239,220)
```
#b2f2e2
```
#b2f2e2 rgb(178,242,226)
```
#c3f5e9
```
#c3f5e9 rgb(195,245,233)
```
#d4f8ef
```
#d4f8ef rgb(212,248,239)
```
#e5fbf5
```
#e5fbf5 rgb(229,251,245)
```
#f6fdfb
```
#f6fdfb rgb(246,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484a4a is the less saturated color, while #048e6b is the most saturated one.

#484a4a
```
#484a4a rgb(72,74,74)
```
#42504d
```
#42504d rgb(66,80,77)
```
#3c564f
```
#3c564f rgb(60,86,79)
```
#375b52
```
#375b52 rgb(55,91,82)
```
#316155
```
#316155 rgb(49,97,85)
```
#2b6758
```
#2b6758 rgb(43,103,88)
```
#266c5b
```
#266c5b rgb(38,108,91)
```
#20725d
```
#20725d rgb(32,114,93)
```
#1b7760
```
#1b7760 rgb(27,119,96)
```
#157d63
```
#157d63 rgb(21,125,99)
```
#0f8366
```
#0f8366 rgb(15,131,102)
```
#0a8869
```
#0a8869 rgb(10,136,105)
```
#048e6b
```
#048e6b rgb(4,142,107)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4d625d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7564 Protanopia 1% of men
#827271 Deuteranopia 1% of men
#367f88 Tritanopia 0.001% of the population

Trichromacy

#567863 Protanomaly 1% of men, 0.01% of women
#5a766c Deuteranomaly 6% of men, 0.4% of women
#2a7e7b Tritanomaly 0.01% of the population

#157d63 hex color

#157d63 Color Information

#157d63 Color Conversion

Color Schemes with #157d63

Alternatives to #157d63

#157d63 Preview

Shades and Tints of #157d63

Tones of #157d63

Color Blindness Simulator