#156a99 hex color

In a RGB color space, hex #156a99 is composed of 8.2% red, 41.6% green and 60% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 30.7% magenta, 0% yellow and 40% black. It has a hue angle of 201.4 degrees, a saturation of 75.9% and a lightness of 34.1%. #156a99 color hex could be obtained by blending #2ad4ff with #000033. Closest websafe color is: #006699.

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

● #156a99 color description : Dark blue.

The hexadecimal color #156a99 has RGB values of R:21, G:106, B:153 and CMYK values of C:0.86, M:0.31, Y:0, K:0.4. Its decimal value is 1403545.

Hex triplet	156a99	`#156a99`
RGB Decimal	21, 106, 153	`rgb(21,106,153)`
RGB Percent	8.2, 41.6, 60	`rgb(8.2%,41.6%,60%)`
CMYK	86, 31, 0, 40
HSL	201.4°, 75.9, 34.1	`hsl(201.4,75.9%,34.1%)`
HSV (or HSB)	201.4°, 86.3, 60
Web Safe	006699	`#006699`

CIE-LAB	42.409, -6.549, -32.278
XYZ	11.212, 12.766, 32.008
xyY	0.2, 0.228, 12.766
CIE-LCH	42.409, 32.936, 258.532
CIE-LUV	42.409, -26.307, -46.157
Hunter-Lab	35.73, -6.517, -28.103
Binary	00010101, 01101010, 10011001

#156a99
```
#156a99 rgb(21,106,153)
```
#994415
```
#994415 rgb(153,68,21)
```

Complementary Color

#159986
```
#159986 rgb(21,153,134)
```
#156a99
```
#156a99 rgb(21,106,153)
```
#152899
```
#152899 rgb(21,40,153)
```

Analogous Color

#998615
```
#998615 rgb(153,134,21)
```
#156a99
```
#156a99 rgb(21,106,153)
```
#991528
```
#991528 rgb(153,21,40)
```

Split Complementary Color

#6a9915
```
#6a9915 rgb(106,153,21)
```
#156a99
```
#156a99 rgb(21,106,153)
```
#99156a
```
#99156a rgb(153,21,106)
```

Triadic Color

#159944
```
#159944 rgb(21,153,68)
```
#156a99
```
#156a99 rgb(21,106,153)
```
#99156a
```
#99156a rgb(153,21,106)
```
#994415
```
#994415 rgb(153,68,21)
```

Tetradic Color

#0c3b56
```
#0c3b56 rgb(12,59,86)
```
#0f4b6c
```
#0f4b6c rgb(15,75,108)
```
#125a83
```
#125a83 rgb(18,90,131)
```
#156a99
```
#156a99 rgb(21,106,153)
```
#187aaf
```
#187aaf rgb(24,122,175)
```
#1b89c6
```
#1b89c6 rgb(27,137,198)
```
#1e99dc
```
#1e99dc rgb(30,153,220)
```

Monochromatic Color

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

#158b99
```
#158b99 rgb(21,139,153)
```
#158099
```
#158099 rgb(21,128,153)
```
#157599
```
#157599 rgb(21,117,153)
```
#156a99
```
#156a99 rgb(21,106,153)
```
#155f99
```
#155f99 rgb(21,95,153)
```
#155499
```
#155499 rgb(21,84,153)
```
#154999
```
#154999 rgb(21,73,153)
```

Similar Colors

Text with hexadecimal color #156a99

This text has a font color of #156a99.

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

#156a99 background color

This paragraph has a background color of #156a99.

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

#156a99 border color

This element has a border color of #156a99.

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

CSS codes

.text {color:#156a99;}

.background {background-color:#156a99;}

.border {border:1px solid #156a99;}

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

#020a0f
```
#020a0f rgb(2,10,15)
```
#041620
```
#041620 rgb(4,22,32)
```
#072232
```
#072232 rgb(7,34,50)
```
#092e43
```
#092e43 rgb(9,46,67)
```
#0c3a54
```
#0c3a54 rgb(12,58,84)
```
#0e4665
```
#0e4665 rgb(14,70,101)
```
#105277
```
#105277 rgb(16,82,119)
```
#135e88
```
#135e88 rgb(19,94,136)
```
#156a99
```
#156a99 rgb(21,106,153)
```
#1776aa
```
#1776aa rgb(23,118,170)
```
#1a82bb
```
#1a82bb rgb(26,130,187)
```
#1c8ecd
```
#1c8ecd rgb(28,142,205)
```
#1e9ade
```
#1e9ade rgb(30,154,222)
```

Shade Color Variation

#2ea2e2
```
#2ea2e2 rgb(46,162,226)
```
#3faae5
```
#3faae5 rgb(63,170,229)
```
#50b1e7
```
#50b1e7 rgb(80,177,231)
```
#62b9e9
```
#62b9e9 rgb(98,185,233)
```
#73c1ec
```
#73c1ec rgb(115,193,236)
```
#84c8ee
```
#84c8ee rgb(132,200,238)
```
#95d0f0
```
#95d0f0 rgb(149,208,240)
```
#a7d8f3
```
#a7d8f3 rgb(167,216,243)
```
#b8dff5
```
#b8dff5 rgb(184,223,245)
```
#c9e7f8
```
#c9e7f8 rgb(201,231,248)
```
#daeffa
```
#daeffa rgb(218,239,250)
```
#ecf6fc
```
#ecf6fc rgb(236,246,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51595d is the less saturated color, while #0170ad is the most saturated one.

#51595d
```
#51595d rgb(81,89,93)
```
#4b5b63
```
#4b5b63 rgb(75,91,99)
```
#445d6a
```
#445d6a rgb(68,93,106)
```
#3d5e71
```
#3d5e71 rgb(61,94,113)
```
#366078
```
#366078 rgb(54,96,120)
```
#30627e
```
#30627e rgb(48,98,126)
```
#296485
```
#296485 rgb(41,100,133)
```
#22668c
```
#22668c rgb(34,102,140)
```
#1c6892
```
#1c6892 rgb(28,104,146)
```
#156a99
```
#156a99 rgb(21,106,153)
```
#0e6ca0
```
#0e6ca0 rgb(14,108,160)
```
#086ea6
```
#086ea6 rgb(8,110,166)
```
#0170ad
```
#0170ad rgb(1,112,173)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#495a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6a99 Protanopia 1% of men
#4e6ca0 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#416a99 Protanomaly 1% of men, 0.01% of women
#396b9d Deuteranomaly 6% of men, 0.4% of women
#077288 Tritanomaly 0.01% of the population

#156a99 hex color

#156a99 Color Information

#156a99 Color Conversion

Color Schemes with #156a99

Alternatives to #156a99

#156a99 Preview

Shades and Tints of #156a99

Tones of #156a99

Color Blindness Simulator