#145b87 hex color

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

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

● #145b87 color description : Dark blue.

The hexadecimal color #145b87 has RGB values of R:20, G:91, B:135 and CMYK values of C:0.85, M:0.33, Y:0, K:0.47. Its decimal value is 1334151.

Hex triplet	145b87	`#145b87`
RGB Decimal	20, 91, 135	`rgb(20,91,135)`
RGB Percent	7.8, 35.7, 52.9	`rgb(7.8%,35.7%,52.9%)`
CMYK	85, 33, 0, 47
HSL	203°, 74.2, 30.4	`hsl(203,74.2%,30.4%)`
HSV (or HSB)	203°, 85.2, 52.9
Web Safe	006699	`#006699`

CIE-LAB	36.705, -4.445, -30.424
XYZ	8.402, 9.379, 24.288
xyY	0.2, 0.223, 9.379
CIE-LCH	36.705, 30.747, 261.687
CIE-LUV	36.705, -22.154, -41.998
Hunter-Lab	30.626, -4.627, -25.582
Binary	00010100, 01011011, 10000111

#145b87
```
#145b87 rgb(20,91,135)
```
#874014
```
#874014 rgb(135,64,20)
```

Complementary Color

#14877a
```
#14877a rgb(20,135,122)
```
#145b87
```
#145b87 rgb(20,91,135)
```
#142287
```
#142287 rgb(20,34,135)
```

Analogous Color

#877a14
```
#877a14 rgb(135,122,20)
```
#145b87
```
#145b87 rgb(20,91,135)
```
#871422
```
#871422 rgb(135,20,34)
```

Split Complementary Color

#5b8714
```
#5b8714 rgb(91,135,20)
```
#145b87
```
#145b87 rgb(20,91,135)
```
#87145b
```
#87145b rgb(135,20,91)
```

Triadic Color

#148740
```
#148740 rgb(20,135,64)
```
#145b87
```
#145b87 rgb(20,91,135)
```
#87145b
```
#87145b rgb(135,20,91)
```
#874014
```
#874014 rgb(135,64,20)
```

Tetradic Color

#0a2e44
```
#0a2e44 rgb(10,46,68)
```
#0d3d5b
```
#0d3d5b rgb(13,61,91)
```
#114c71
```
#114c71 rgb(17,76,113)
```
#145b87
```
#145b87 rgb(20,91,135)
```
#176a9d
```
#176a9d rgb(23,106,157)
```
#1b79b3
```
#1b79b3 rgb(27,121,179)
```
#1e88ca
```
#1e88ca rgb(30,136,202)
```

Monochromatic Color

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

#147887
```
#147887 rgb(20,120,135)
```
#146e87
```
#146e87 rgb(20,110,135)
```
#146587
```
#146587 rgb(20,101,135)
```
#145b87
```
#145b87 rgb(20,91,135)
```
#145187
```
#145187 rgb(20,81,135)
```
#144887
```
#144887 rgb(20,72,135)
```
#143e87
```
#143e87 rgb(20,62,135)
```

Similar Colors

Text with hexadecimal color #145b87

This text has a font color of #145b87.

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

#145b87 background color

This paragraph has a background color of #145b87.

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

#145b87 border color

This element has a border color of #145b87.

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

CSS codes

.text {color:#145b87;}

.background {background-color:#145b87;}

.border {border:1px solid #145b87;}

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)
```
#051620
```
#051620 rgb(5,22,32)
```
#072132
```
#072132 rgb(7,33,50)
```
#0a2d43
```
#0a2d43 rgb(10,45,67)
```
#0c3854
```
#0c3854 rgb(12,56,84)
```
#0f4465
```
#0f4465 rgb(15,68,101)
```
#114f76
```
#114f76 rgb(17,79,118)
```
#145b87
```
#145b87 rgb(20,91,135)
```
#176798
```
#176798 rgb(23,103,152)
```
#1972a9
```
#1972a9 rgb(25,114,169)
```
#1c7eba
```
#1c7eba rgb(28,126,186)
```
#1e89cb
```
#1e89cb rgb(30,137,203)
```
#2195dc
```
#2195dc rgb(33,149,220)
```

Shade Color Variation

#309de0
```
#309de0 rgb(48,157,224)
```
#41a5e3
```
#41a5e3 rgb(65,165,227)
```
#52ade5
```
#52ade5 rgb(82,173,229)
```
#64b5e8
```
#64b5e8 rgb(100,181,232)
```
#75bdeb
```
#75bdeb rgb(117,189,235)
```
#86c6ed
```
#86c6ed rgb(134,198,237)
```
#97cef0
```
#97cef0 rgb(151,206,240)
```
#a8d6f2
```
#a8d6f2 rgb(168,214,242)
```
#b9def5
```
#b9def5 rgb(185,222,245)
```
#cae6f7
```
#cae6f7 rgb(202,230,247)
```
#dbeefa
```
#dbeefa rgb(219,238,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, #4a4e51 is the less saturated color, while #025f99 is the most saturated one.

#4a4e51
```
#4a4e51 rgb(74,78,81)
```
#445057
```
#445057 rgb(68,80,87)
```
#3e515d
```
#3e515d rgb(62,81,93)
```
#385363
```
#385363 rgb(56,83,99)
```
#325469
```
#325469 rgb(50,84,105)
```
#2c556f
```
#2c556f rgb(44,85,111)
```
#265775
```
#265775 rgb(38,87,117)
```
#20587b
```
#20587b rgb(32,88,123)
```
#1a5a81
```
#1a5a81 rgb(26,90,129)
```
#145b87
```
#145b87 rgb(20,91,135)
```
#0e5c8d
```
#0e5c8d rgb(14,92,141)
```
#085e93
```
#085e93 rgb(8,94,147)
```
#025f99
```
#025f99 rgb(2,95,153)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#404e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5d88 Protanopia 1% of men
#425f8f Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#395c88 Protanomaly 1% of men, 0.01% of women
#315d8c Deuteranomaly 6% of men, 0.4% of women
#076378 Tritanomaly 0.01% of the population

#145b87 hex color

#145b87 Color Information

#145b87 Color Conversion

Color Schemes with #145b87

Alternatives to #145b87

#145b87 Preview

Shades and Tints of #145b87

Tones of #145b87

Color Blindness Simulator