#157386 hex color

In a RGB color space, hex #157386 is composed of 8.2% red, 45.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 14.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 190.1 degrees, a saturation of 72.9% and a lightness of 30.4%. #157386 color hex could be obtained by blending #2ae6ff with #00000d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 45
- B 53
RGB color chart
- C 84
- M 14
- Y 0
- K 47
CMYK color chart

● #157386 color description : Dark cyan.

The hexadecimal color #157386 has RGB values of R:21, G:115, B:134 and CMYK values of C:0.84, M:0.14, Y:0, K:0.47. Its decimal value is 1405830.

Hex triplet	157386	`#157386`
RGB Decimal	21, 115, 134	`rgb(21,115,134)`
RGB Percent	8.2, 45.1, 52.5	`rgb(8.2%,45.1%,52.5%)`
CMYK	84, 14, 0, 47
HSL	190.1°, 72.9, 30.4	`hsl(190.1,72.9%,30.4%)`
HSV (or HSB)	190.1°, 84.3, 52.5
Web Safe	006699	`#006699`

CIE-LAB	44.435, -18.753, -17.806
XYZ	10.742, 14.141, 24.716
xyY	0.217, 0.285, 14.141
CIE-LCH	44.435, 25.859, 223.516
CIE-LUV	44.435, -30.715, -23.007
Hunter-Lab	37.605, -14.819, -12.646
Binary	00010101, 01110011, 10000110

#157386
```
#157386 rgb(21,115,134)
```
#862815
```
#862815 rgb(134,40,21)
```

Complementary Color

#158661
```
#158661 rgb(21,134,97)
```
#157386
```
#157386 rgb(21,115,134)
```
#153b86
```
#153b86 rgb(21,59,134)
```

Analogous Color

#866115
```
#866115 rgb(134,97,21)
```
#157386
```
#157386 rgb(21,115,134)
```
#86153a
```
#86153a rgb(134,21,58)
```

Split Complementary Color

#738615
```
#738615 rgb(115,134,21)
```
#157386
```
#157386 rgb(21,115,134)
```
#861573
```
#861573 rgb(134,21,115)
```

Triadic Color

#158628
```
#158628 rgb(21,134,40)
```
#157386
```
#157386 rgb(21,115,134)
```
#861573
```
#861573 rgb(134,21,115)
```
#862815
```
#862815 rgb(134,40,21)
```

Tetradic Color

#0b3a44
```
#0b3a44 rgb(11,58,68)
```
#0e4d5a
```
#0e4d5a rgb(14,77,90)
```
#126070
```
#126070 rgb(18,96,112)
```
#157386
```
#157386 rgb(21,115,134)
```
#18869c
```
#18869c rgb(24,134,156)
```
#1c99b2
```
#1c99b2 rgb(28,153,178)
```
#1facc8
```
#1facc8 rgb(31,172,200)
```

Monochromatic Color

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

#15867d
```
#15867d rgb(21,134,125)
```
#158686
```
#158686 rgb(21,134,134)
```
#157c86
```
#157c86 rgb(21,124,134)
```
#157386
```
#157386 rgb(21,115,134)
```
#156a86
```
#156a86 rgb(21,106,134)
```
#156086
```
#156086 rgb(21,96,134)
```
#155786
```
#155786 rgb(21,87,134)
```

Similar Colors

Text with hexadecimal color #157386

This text has a font color of #157386.

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

#157386 background color

This paragraph has a background color of #157386.

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

#157386 border color

This element has a border color of #157386.

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

CSS codes

.text {color:#157386;}

.background {background-color:#157386;}

.border {border:1px solid #157386;}

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

#020d0f
```
#020d0f rgb(2,13,15)
```
#051c20
```
#051c20 rgb(5,28,32)
```
#082a31
```
#082a31 rgb(8,42,49)
```
#0a3942
```
#0a3942 rgb(10,57,66)
```
#0d4753
```
#0d4753 rgb(13,71,83)
```
#105664
```
#105664 rgb(16,86,100)
```
#126475
```
#126475 rgb(18,100,117)
```
#157386
```
#157386 rgb(21,115,134)
```
#188297
```
#188297 rgb(24,130,151)
```
#1a90a8
```
#1a90a8 rgb(26,144,168)
```
#1d9fb9
```
#1d9fb9 rgb(29,159,185)
```
#20adca
```
#20adca rgb(32,173,202)
```
#22bcdb
```
#22bcdb rgb(34,188,219)
```

Shade Color Variation

#32c2df
```
#32c2df rgb(50,194,223)
```
#43c7e2
```
#43c7e2 rgb(67,199,226)
```
#54cce4
```
#54cce4 rgb(84,204,228)
```
#65d1e7
```
#65d1e7 rgb(101,209,231)
```
#76d6e9
```
#76d6e9 rgb(118,214,233)
```
#87dbec
```
#87dbec rgb(135,219,236)
```
#98e0ef
```
#98e0ef rgb(152,224,239)
```
#a9e5f1
```
#a9e5f1 rgb(169,229,241)
```
#baeaf4
```
#baeaf4 rgb(186,234,244)
```
#caeff7
```
#caeff7 rgb(202,239,247)
```
#dbf4f9
```
#dbf4f9 rgb(219,244,249)
```
#ecf9fc
```
#ecf9fc rgb(236,249,252)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b4f50 is the less saturated color, while #037f98 is the most saturated one.

#4b4f50
```
#4b4f50 rgb(75,79,80)
```
#455356
```
#455356 rgb(69,83,86)
```
#3f575c
```
#3f575c rgb(63,87,92)
```
#395b62
```
#395b62 rgb(57,91,98)
```
#335f68
```
#335f68 rgb(51,95,104)
```
#2d636e
```
#2d636e rgb(45,99,110)
```
#276774
```
#276774 rgb(39,103,116)
```
#216b7a
```
#216b7a rgb(33,107,122)
```
#1b6f80
```
#1b6f80 rgb(27,111,128)
```
#157386
```
#157386 rgb(21,115,134)
```
#0f778c
```
#0f778c rgb(15,119,140)
```
#097b92
```
#097b92 rgb(9,123,146)
```
#037f98
```
#037f98 rgb(3,127,152)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4b5e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6f85 Protanopia 1% of men
#696f90 Deuteranopia 1% of men
#147b84 Tritanopia 0.001% of the population

Trichromacy

#4c7185 Protanomaly 1% of men, 0.01% of women
#4a708c Deuteranomaly 6% of men, 0.4% of women
#147885 Tritanomaly 0.01% of the population

#157386 hex color

#157386 Color Information

#157386 Color Conversion

Color Schemes with #157386

Alternatives to #157386

#157386 Preview

Shades and Tints of #157386

Tones of #157386

Color Blindness Simulator