#156a8a hex color

In a RGB color space, hex #156a8a is composed of 8.2% red, 41.6% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 23.2% magenta, 0% yellow and 45.9% black. It has a hue angle of 196.4 degrees, a saturation of 73.6% and a lightness of 31.2%. #156a8a color hex could be obtained by blending #2ad4ff with #000015. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 42
- B 54
RGB color chart
- C 85
- M 23
- Y 0
- K 46
CMYK color chart

● #156a8a color description : Dark blue.

The hexadecimal color #156a8a has RGB values of R:21, G:106, B:138 and CMYK values of C:0.85, M:0.23, Y:0, K:0.46. Its decimal value is 1403530.

Hex triplet	156a8a	`#156a8a`
RGB Decimal	21, 106, 138	`rgb(21,106,138)`
RGB Percent	8.2, 41.6, 54.1	`rgb(8.2%,41.6%,54.1%)`
CMYK	85, 23, 0, 46
HSL	196.4°, 73.6, 31.2	`hsl(196.4,73.6%,31.2%)`
HSV (or HSB)	196.4°, 84.8, 54.1
Web Safe	006699	`#006699`

CIE-LAB	41.691, -12.238, -24.434
XYZ	10.05, 12.302, 25.888
xyY	0.208, 0.255, 12.302
CIE-LCH	41.691, 27.327, 243.395
CIE-LUV	41.691, -27.198, -33.416
Hunter-Lab	35.074, -10.234, -19.211
Binary	00010101, 01101010, 10001010

#156a8a
```
#156a8a rgb(21,106,138)
```
#8a3515
```
#8a3515 rgb(138,53,21)
```

Complementary Color

#158a70
```
#158a70 rgb(21,138,112)
```
#156a8a
```
#156a8a rgb(21,106,138)
```
#15308a
```
#15308a rgb(21,48,138)
```

Analogous Color

#8a7015
```
#8a7015 rgb(138,112,21)
```
#156a8a
```
#156a8a rgb(21,106,138)
```
#8a1530
```
#8a1530 rgb(138,21,48)
```

Split Complementary Color

#6a8a15
```
#6a8a15 rgb(106,138,21)
```
#156a8a
```
#156a8a rgb(21,106,138)
```
#8a156a
```
#8a156a rgb(138,21,106)
```

Triadic Color

#158a35
```
#158a35 rgb(21,138,53)
```
#156a8a
```
#156a8a rgb(21,106,138)
```
#8a156a
```
#8a156a rgb(138,21,106)
```
#8a3515
```
#8a3515 rgb(138,53,21)
```

Tetradic Color

#0b3748
```
#0b3748 rgb(11,55,72)
```
#0e485e
```
#0e485e rgb(14,72,94)
```
#125974
```
#125974 rgb(18,89,116)
```
#156a8a
```
#156a8a rgb(21,106,138)
```
#187ba0
```
#187ba0 rgb(24,123,160)
```
#1c8cb6
```
#1c8cb6 rgb(28,140,182)
```
#1f9dcc
```
#1f9dcc rgb(31,157,204)
```

Monochromatic Color

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

#15878a
```
#15878a rgb(21,135,138)
```
#157e8a
```
#157e8a rgb(21,126,138)
```
#15748a
```
#15748a rgb(21,116,138)
```
#156a8a
```
#156a8a rgb(21,106,138)
```
#15608a
```
#15608a rgb(21,96,138)
```
#15578a
```
#15578a rgb(21,87,138)
```
#154d8a
```
#154d8a rgb(21,77,138)
```

Similar Colors

Text with hexadecimal color #156a8a

This text has a font color of #156a8a.

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

#156a8a background color

This paragraph has a background color of #156a8a.

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

#156a8a border color

This element has a border color of #156a8a.

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

CSS codes

.text {color:#156a8a;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030e13
```
#030e13 rgb(3,14,19)
```
#051c24
```
#051c24 rgb(5,28,36)
```
#082935
```
#082935 rgb(8,41,53)
```
#0b3646
```
#0b3646 rgb(11,54,70)
```
#0d4357
```
#0d4357 rgb(13,67,87)
```
#105068
```
#105068 rgb(16,80,104)
```
#125d79
```
#125d79 rgb(18,93,121)
```
#156a8a
```
#156a8a rgb(21,106,138)
```
#18779b
```
#18779b rgb(24,119,155)
```
#1a84ac
```
#1a84ac rgb(26,132,172)
```
#1d91bd
```
#1d91bd rgb(29,145,189)
```
#1f9ece
```
#1f9ece rgb(31,158,206)
```

Shade Color Variation

#23abde
```
#23abde rgb(35,171,222)
```
#35b1e0
```
#35b1e0 rgb(53,177,224)
```
#46b8e3
```
#46b8e3 rgb(70,184,227)
```
#57bee5
```
#57bee5 rgb(87,190,229)
```
#68c5e8
```
#68c5e8 rgb(104,197,232)
```
#79cbeb
```
#79cbeb rgb(121,203,235)
```
#8ad2ed
```
#8ad2ed rgb(138,210,237)
```
#9bd8f0
```
#9bd8f0 rgb(155,216,240)
```
#acdff2
```
#acdff2 rgb(172,223,242)
```
#bde6f5
```
#bde6f5 rgb(189,230,245)
```
#ceecf8
```
#ceecf8 rgb(206,236,248)
```
#dff3fa
```
#dff3fa rgb(223,243,250)
```
#f0f9fd
```
#f0f9fd rgb(240,249,253)
```

Tint Color Variation

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

#4c5153
```
#4c5153 rgb(76,81,83)
```
#465459
```
#465459 rgb(70,84,89)
```
#40575f
```
#40575f rgb(64,87,95)
```
#3a5965
```
#3a5965 rgb(58,89,101)
```
#345c6b
```
#345c6b rgb(52,92,107)
```
#2d5f72
```
#2d5f72 rgb(45,95,114)
```
#276278
```
#276278 rgb(39,98,120)
```
#21647e
```
#21647e rgb(33,100,126)
```
#1b6784
```
#1b6784 rgb(27,103,132)
```
#156a8a
```
#156a8a rgb(21,106,138)
```
#0f6d90
```
#0f6d90 rgb(15,109,144)
```
#097096
```
#097096 rgb(9,112,150)
```
#03729c
```
#03729c rgb(3,114,156)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#47585f Atypical Achromatopsia 0.001% of the population

Dichromacy

#60698a Protanopia 1% of men
#596993 Deuteranopia 1% of men
#00747d Tritanopia 0.001% of the population

Trichromacy

#45698a Protanomaly 1% of men, 0.01% of women
#40698f Deuteranomaly 6% of men, 0.4% of women
#077081 Tritanomaly 0.01% of the population

#156a8a hex color

#156a8a Color Information

#156a8a Color Conversion

Color Schemes with #156a8a

Alternatives to #156a8a

#156a8a Preview

Shades and Tints of #156a8a

Tones of #156a8a

Color Blindness Simulator