#156485 hex color

In a RGB color space, hex #156485 is composed of 8.2% red, 39.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 24.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 197.7 degrees, a saturation of 72.7% and a lightness of 30.2%. #156485 color hex could be obtained by blending #2ac8ff with #00000b. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 39
- B 52
RGB color chart
- C 84
- M 25
- Y 0
- K 48
CMYK color chart

● #156485 color description : Dark blue.

The hexadecimal color #156485 has RGB values of R:21, G:100, B:133 and CMYK values of C:0.84, M:0.25, Y:0, K:0.48. Its decimal value is 1401989.

Hex triplet	156485	`#156485`
RGB Decimal	21, 100, 133	`rgb(21,100,133)`
RGB Percent	8.2, 39.2, 52.2	`rgb(8.2%,39.2%,52.2%)`
CMYK	84, 25, 0, 48
HSL	197.7°, 72.7, 30.2	`hsl(197.7,72.7%,30.2%)`
HSV (or HSB)	197.7°, 84.2, 52.2
Web Safe	006699	`#006699`

CIE-LAB	39.524, -10.598, -24.79
XYZ	9.099, 10.966, 23.826
xyY	0.207, 0.25, 10.966
CIE-LCH	39.524, 26.96, 246.853
CIE-LUV	39.524, -25.346, -33.711
Hunter-Lab	33.116, -8.907, -19.477
Binary	00010101, 01100100, 10000101

#156485
```
#156485 rgb(21,100,133)
```
#853615
```
#853615 rgb(133,54,21)
```

Complementary Color

#15856e
```
#15856e rgb(21,133,110)
```
#156485
```
#156485 rgb(21,100,133)
```
#152c85
```
#152c85 rgb(21,44,133)
```

Analogous Color

#856e15
```
#856e15 rgb(133,110,21)
```
#156485
```
#156485 rgb(21,100,133)
```
#85152c
```
#85152c rgb(133,21,44)
```

Split Complementary Color

#648515
```
#648515 rgb(100,133,21)
```
#156485
```
#156485 rgb(21,100,133)
```
#851564
```
#851564 rgb(133,21,100)
```

Triadic Color

#158536
```
#158536 rgb(21,133,54)
```
#156485
```
#156485 rgb(21,100,133)
```
#851564
```
#851564 rgb(133,21,100)
```
#853615
```
#853615 rgb(133,54,21)
```

Tetradic Color

#0b3243
```
#0b3243 rgb(11,50,67)
```
#0e4359
```
#0e4359 rgb(14,67,89)
```
#12536f
```
#12536f rgb(18,83,111)
```
#156485
```
#156485 rgb(21,100,133)
```
#18759b
```
#18759b rgb(24,117,155)
```
#1c85b1
```
#1c85b1 rgb(28,133,177)
```
#1f96c7
```
#1f96c7 rgb(31,150,199)
```

Monochromatic Color

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

#158085
```
#158085 rgb(21,128,133)
```
#157785
```
#157785 rgb(21,119,133)
```
#156d85
```
#156d85 rgb(21,109,133)
```
#156485
```
#156485 rgb(21,100,133)
```
#155b85
```
#155b85 rgb(21,91,133)
```
#155185
```
#155185 rgb(21,81,133)
```
#154885
```
#154885 rgb(21,72,133)
```

Similar Colors

Text with hexadecimal color #156485

This text has a font color of #156485.

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

#156485 background color

This paragraph has a background color of #156485.

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

#156485 border color

This element has a border color of #156485.

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

CSS codes

.text {color:#156485;}

.background {background-color:#156485;}

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

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

#020b0e
```
#020b0e rgb(2,11,14)
```
#05181f
```
#05181f rgb(5,24,31)
```
#082430
```
#082430 rgb(8,36,48)
```
#0a3141
```
#0a3141 rgb(10,49,65)
```
#0d3e52
```
#0d3e52 rgb(13,62,82)
```
#104b63
```
#104b63 rgb(16,75,99)
```
#125774
```
#125774 rgb(18,87,116)
```
#156485
```
#156485 rgb(21,100,133)
```
#187196
```
#187196 rgb(24,113,150)
```
#1a7da7
```
#1a7da7 rgb(26,125,167)
```
#1d8ab8
```
#1d8ab8 rgb(29,138,184)
```
#2097c9
```
#2097c9 rgb(32,151,201)
```
#22a4da
```
#22a4da rgb(34,164,218)
```

Shade Color Variation

#31abdf
```
#31abdf rgb(49,171,223)
```
#42b2e1
```
#42b2e1 rgb(66,178,225)
```
#53b9e4
```
#53b9e4 rgb(83,185,228)
```
#64c0e7
```
#64c0e7 rgb(100,192,231)
```
#75c7e9
```
#75c7e9 rgb(117,199,233)
```
#86ceec
```
#86ceec rgb(134,206,236)
```
#97d5ef
```
#97d5ef rgb(151,213,239)
```
#a8dcf1
```
#a8dcf1 rgb(168,220,241)
```
#b9e2f4
```
#b9e2f4 rgb(185,226,244)
```
#cae9f7
```
#cae9f7 rgb(202,233,247)
```
#dbf0f9
```
#dbf0f9 rgb(219,240,249)
```
#ecf7fc
```
#ecf7fc rgb(236,247,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#4a4e50
```
#4a4e50 rgb(74,78,80)
```
#445156
```
#445156 rgb(68,81,86)
```
#3e535c
```
#3e535c rgb(62,83,92)
```
#395561
```
#395561 rgb(57,85,97)
```
#335867
```
#335867 rgb(51,88,103)
```
#2d5a6d
```
#2d5a6d rgb(45,90,109)
```
#275d73
```
#275d73 rgb(39,93,115)
```
#215f79
```
#215f79 rgb(33,95,121)
```
#1b627f
```
#1b627f rgb(27,98,127)
```
#156485
```
#156485 rgb(21,100,133)
```
#0f668b
```
#0f668b rgb(15,102,139)
```
#096991
```
#096991 rgb(9,105,145)
```
#036b97
```
#036b97 rgb(3,107,151)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#44545b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6485 Protanopia 1% of men
#53648e Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#416485 Protanomaly 1% of men, 0.01% of women
#3c648a Deuteranomaly 6% of men, 0.4% of women
#076b7c Tritanomaly 0.01% of the population

#156485 hex color

#156485 Color Information

#156485 Color Conversion

Color Schemes with #156485

Alternatives to #156485

#156485 Preview

Shades and Tints of #156485

Tones of #156485

Color Blindness Simulator