#157f9a hex color

In a RGB color space, hex #157f9a is composed of 8.2% red, 49.8% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 17.5% magenta, 0% yellow and 39.6% black. It has a hue angle of 192.2 degrees, a saturation of 76% and a lightness of 34.3%. #157f9a color hex could be obtained by blending #2afeff with #000035. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 50
- B 60
RGB color chart
- C 86
- M 18
- Y 0
- K 40
CMYK color chart

● #157f9a color description : Dark cyan.

The hexadecimal color #157f9a has RGB values of R:21, G:127, B:154 and CMYK values of C:0.86, M:0.18, Y:0, K:0.4. Its decimal value is 1408922.

Hex triplet	157f9a	`#157f9a`
RGB Decimal	21, 127, 154	`rgb(21,127,154)`
RGB Percent	8.2, 49.8, 60.4	`rgb(8.2%,49.8%,60.4%)`
CMYK	86, 18, 0, 40
HSL	192.2°, 76, 34.3	`hsl(192.2,76%,34.3%)`
HSV (or HSB)	192.2°, 86.4, 60.4
Web Safe	006699	`#006699`

CIE-LAB	49.093, -18.226, -22.461
XYZ	13.73, 17.67, 33.257
xyY	0.212, 0.273, 17.67
CIE-LCH	49.093, 28.926, 230.942
CIE-LUV	49.093, -33.674, -30.784
Hunter-Lab	42.036, -15.26, -17.483
Binary	00010101, 01111111, 10011010

#157f9a
```
#157f9a rgb(21,127,154)
```
#9a3015
```
#9a3015 rgb(154,48,21)
```

Complementary Color

#159a73
```
#159a73 rgb(21,154,115)
```
#157f9a
```
#157f9a rgb(21,127,154)
```
#153d9a
```
#153d9a rgb(21,61,154)
```

Analogous Color

#9a7315
```
#9a7315 rgb(154,115,21)
```
#157f9a
```
#157f9a rgb(21,127,154)
```
#9a153d
```
#9a153d rgb(154,21,61)
```

Split Complementary Color

#7f9a15
```
#7f9a15 rgb(127,154,21)
```
#157f9a
```
#157f9a rgb(21,127,154)
```
#9a157f
```
#9a157f rgb(154,21,127)
```

Triadic Color

#159a30
```
#159a30 rgb(21,154,48)
```
#157f9a
```
#157f9a rgb(21,127,154)
```
#9a157f
```
#9a157f rgb(154,21,127)
```
#9a3015
```
#9a3015 rgb(154,48,21)
```

Tetradic Color

#0c4757
```
#0c4757 rgb(12,71,87)
```
#0f5a6d
```
#0f5a6d rgb(15,90,109)
```
#126c84
```
#126c84 rgb(18,108,132)
```
#157f9a
```
#157f9a rgb(21,127,154)
```
#1892b0
```
#1892b0 rgb(24,146,176)
```
#1ba4c7
```
#1ba4c7 rgb(27,164,199)
```
#1eb7dd
```
#1eb7dd rgb(30,183,221)
```

Monochromatic Color

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

#159a94
```
#159a94 rgb(21,154,148)
```
#15959a
```
#15959a rgb(21,149,154)
```
#158a9a
```
#158a9a rgb(21,138,154)
```
#157f9a
```
#157f9a rgb(21,127,154)
```
#15749a
```
#15749a rgb(21,116,154)
```
#15699a
```
#15699a rgb(21,105,154)
```
#155e9a
```
#155e9a rgb(21,94,154)
```

Similar Colors

Text with hexadecimal color #157f9a

This text has a font color of #157f9a.

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

#157f9a background color

This paragraph has a background color of #157f9a.

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

#157f9a border color

This element has a border color of #157f9a.

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

CSS codes

.text {color:#157f9a;}

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

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

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

#020d10
```
#020d10 rgb(2,13,16)
```
#051b21
```
#051b21 rgb(5,27,33)
```
#072a32
```
#072a32 rgb(7,42,50)
```
#093844
```
#093844 rgb(9,56,68)
```
#0c4655
```
#0c4655 rgb(12,70,85)
```
#0e5466
```
#0e5466 rgb(14,84,102)
```
#106377
```
#106377 rgb(16,99,119)
```
#137189
```
#137189 rgb(19,113,137)
```
#157f9a
```
#157f9a rgb(21,127,154)
```
#178dab
```
#178dab rgb(23,141,171)
```
#1a9bbd
```
#1a9bbd rgb(26,155,189)
```
#1caace
```
#1caace rgb(28,170,206)
```
#1eb8df
```
#1eb8df rgb(30,184,223)
```

Shade Color Variation

#2fbee3
```
#2fbee3 rgb(47,190,227)
```
#40c3e5
```
#40c3e5 rgb(64,195,229)
```
#51c9e7
```
#51c9e7 rgb(81,201,231)
```
#62ceea
```
#62ceea rgb(98,206,234)
```
#74d4ec
```
#74d4ec rgb(116,212,236)
```
#85d9ee
```
#85d9ee rgb(133,217,238)
```
#96def1
```
#96def1 rgb(150,222,241)
```
#a7e4f3
```
#a7e4f3 rgb(167,228,243)
```
#b9e9f5
```
#b9e9f5 rgb(185,233,245)
```
#caeef8
```
#caeef8 rgb(202,238,248)
```
#dbf4fa
```
#dbf4fa rgb(219,244,250)
```
#ecf9fc
```
#ecf9fc rgb(236,249,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525b5d is the less saturated color, while #018bae is the most saturated one.

#525b5d
```
#525b5d rgb(82,91,93)
```
#4b5f64
```
#4b5f64 rgb(75,95,100)
```
#44636b
```
#44636b rgb(68,99,107)
```
#3d6772
```
#3d6772 rgb(61,103,114)
```
#376b78
```
#376b78 rgb(55,107,120)
```
#306f7f
```
#306f7f rgb(48,111,127)
```
#297386
```
#297386 rgb(41,115,134)
```
#22778d
```
#22778d rgb(34,119,141)
```
#1c7b93
```
#1c7b93 rgb(28,123,147)
```
#157f9a
```
#157f9a rgb(21,127,154)
```
#0e83a1
```
#0e83a1 rgb(14,131,161)
```
#0887a7
```
#0887a7 rgb(8,135,167)
```
#018bae
```
#018bae rgb(1,139,174)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#53686d Atypical Achromatopsia 0.001% of the population

Dichromacy

#747a98 Protanopia 1% of men
#6f7aa3 Deuteranopia 1% of men
#008791 Tritanopia 0.001% of the population

Trichromacy

#517c98 Protanomaly 1% of men, 0.01% of women
#4e7ca0 Deuteranomaly 6% of men, 0.4% of women
#078494 Tritanomaly 0.01% of the population

#157f9a hex color

#157f9a Color Information

#157f9a Color Conversion

Color Schemes with #157f9a

Alternatives to #157f9a

#157f9a Preview

Shades and Tints of #157f9a

Tones of #157f9a

Color Blindness Simulator