#145687 hex color

In a RGB color space, hex #145687 is composed of 7.8% red, 33.7% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 36.3% magenta, 0% yellow and 47.1% black. It has a hue angle of 205.6 degrees, a saturation of 74.2% and a lightness of 30.4%. #145687 color hex could be obtained by blending #28acff with #00000f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 34
- B 53
RGB color chart
- C 85
- M 36
- Y 0
- K 47
CMYK color chart

● #145687 color description : Dark blue.

The hexadecimal color #145687 has RGB values of R:20, G:86, B:135 and CMYK values of C:0.85, M:0.36, Y:0, K:0.47. Its decimal value is 1332871.

Hex triplet	145687	`#145687`
RGB Decimal	20, 86, 135	`rgb(20,86,135)`
RGB Percent	7.8, 33.7, 52.9	`rgb(7.8%,33.7%,52.9%)`
CMYK	85, 36, 0, 47
HSL	205.6°, 74.2, 30.4	`hsl(205.6,74.2%,30.4%)`
HSV (or HSB)	205.6°, 85.2, 52.9
Web Safe	006699	`#006699`

CIE-LAB	35.109, -1.28, -32.946
XYZ	7.988, 8.553, 24.15
xyY	0.196, 0.21, 8.553
CIE-LCH	35.109, 32.971, 267.776
CIE-LUV	35.109, -20.427, -45.44
Hunter-Lab	29.245, -2.422, -28.489
Binary	00010100, 01010110, 10000111

#145687
```
#145687 rgb(20,86,135)
```
#874514
```
#874514 rgb(135,69,20)
```

Complementary Color

#14877f
```
#14877f rgb(20,135,127)
```
#145687
```
#145687 rgb(20,86,135)
```
#141d87
```
#141d87 rgb(20,29,135)
```

Analogous Color

#877f14
```
#877f14 rgb(135,127,20)
```
#145687
```
#145687 rgb(20,86,135)
```
#87141c
```
#87141c rgb(135,20,28)
```

Split Complementary Color

#568714
```
#568714 rgb(86,135,20)
```
#145687
```
#145687 rgb(20,86,135)
```
#871456
```
#871456 rgb(135,20,86)
```

Triadic Color

#148745
```
#148745 rgb(20,135,69)
```
#145687
```
#145687 rgb(20,86,135)
```
#871456
```
#871456 rgb(135,20,86)
```
#874514
```
#874514 rgb(135,69,20)
```

Tetradic Color

#0a2c44
```
#0a2c44 rgb(10,44,68)
```
#0d3a5b
```
#0d3a5b rgb(13,58,91)
```
#114871
```
#114871 rgb(17,72,113)
```
#145687
```
#145687 rgb(20,86,135)
```
#17649d
```
#17649d rgb(23,100,157)
```
#1b72b3
```
#1b72b3 rgb(27,114,179)
```
#1e80ca
```
#1e80ca rgb(30,128,202)
```

Monochromatic Color

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

#147387
```
#147387 rgb(20,115,135)
```
#146987
```
#146987 rgb(20,105,135)
```
#146087
```
#146087 rgb(20,96,135)
```
#145687
```
#145687 rgb(20,86,135)
```
#144c87
```
#144c87 rgb(20,76,135)
```
#144387
```
#144387 rgb(20,67,135)
```
#143987
```
#143987 rgb(20,57,135)
```

Similar Colors

Text with hexadecimal color #145687

This text has a font color of #145687.

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

#145687 background color

This paragraph has a background color of #145687.

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

#145687 border color

This element has a border color of #145687.

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

CSS codes

.text {color:#145687;}

.background {background-color:#145687;}

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

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)
```
#051520
```
#051520 rgb(5,21,32)
```
#072032
```
#072032 rgb(7,32,50)
```
#0a2a43
```
#0a2a43 rgb(10,42,67)
```
#0c3554
```
#0c3554 rgb(12,53,84)
```
#0f4065
```
#0f4065 rgb(15,64,101)
```
#114b76
```
#114b76 rgb(17,75,118)
```
#145687
```
#145687 rgb(20,86,135)
```
#176198
```
#176198 rgb(23,97,152)
```
#196ca9
```
#196ca9 rgb(25,108,169)
```
#1c77ba
```
#1c77ba rgb(28,119,186)
```
#1e82cb
```
#1e82cb rgb(30,130,203)
```
#218cdc
```
#218cdc rgb(33,140,220)
```

Shade Color Variation

#3095e0
```
#3095e0 rgb(48,149,224)
```
#419ee3
```
#419ee3 rgb(65,158,227)
```
#52a7e5
```
#52a7e5 rgb(82,167,229)
```
#64b0e8
```
#64b0e8 rgb(100,176,232)
```
#75b8eb
```
#75b8eb rgb(117,184,235)
```
#86c1ed
```
#86c1ed rgb(134,193,237)
```
#97caf0
```
#97caf0 rgb(151,202,240)
```
#a8d2f2
```
#a8d2f2 rgb(168,210,242)
```
#b9dbf5
```
#b9dbf5 rgb(185,219,245)
```
#cae4f7
```
#cae4f7 rgb(202,228,247)
```
#dbedfa
```
#dbedfa rgb(219,237,250)
```
#ecf5fc
```
#ecf5fc rgb(236,245,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#4a4e51
```
#4a4e51 rgb(74,78,81)
```
#444f57
```
#444f57 rgb(68,79,87)
```
#3e505d
```
#3e505d rgb(62,80,93)
```
#385163
```
#385163 rgb(56,81,99)
```
#325269
```
#325269 rgb(50,82,105)
```
#2c526f
```
#2c526f rgb(44,82,111)
```
#265375
```
#265375 rgb(38,83,117)
```
#20547b
```
#20547b rgb(32,84,123)
```
#1a5581
```
#1a5581 rgb(26,85,129)
```
#145687
```
#145687 rgb(20,86,135)
```
#0e578d
```
#0e578d rgb(14,87,141)
```
#085893
```
#085893 rgb(8,88,147)
```
#025999
```
#025999 rgb(2,89,153)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3e4b55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#485989 Protanopia 1% of men
#385b8e Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#355888 Protanomaly 1% of men, 0.01% of women
#2b598b Deuteranomaly 6% of men, 0.4% of women
#075f75 Tritanomaly 0.01% of the population

#145687 hex color

#145687 Color Information

#145687 Color Conversion

Color Schemes with #145687

Alternatives to #145687

#145687 Preview

Shades and Tints of #145687

Tones of #145687

Color Blindness Simulator