#145786 hex color

In a RGB color space, hex #145786 is composed of 7.8% red, 34.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 35.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 204.7 degrees, a saturation of 74% and a lightness of 30.2%. #145786 color hex could be obtained by blending #28aeff with #00000d. Closest websafe color is: #006699.

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

● #145786 color description : Dark blue.

The hexadecimal color #145786 has RGB values of R:20, G:87, B:134 and CMYK values of C:0.85, M:0.35, Y:0, K:0.47. Its decimal value is 1333126.

Hex triplet	145786	`#145786`
RGB Decimal	20, 87, 134	`rgb(20,87,134)`
RGB Percent	7.8, 34.1, 52.5	`rgb(7.8%,34.1%,52.5%)`
CMYK	85, 35, 0, 47
HSL	204.7°, 74, 30.2	`hsl(204.7,74%,30.2%)`
HSV (or HSB)	204.7°, 85.1, 52.5
Web Safe	006699	`#006699`

CIE-LAB	35.372, -2.319, -31.918
XYZ	7.999, 8.686, 23.808
xyY	0.198, 0.215, 8.686
CIE-LCH	35.372, 32.002, 265.844
CIE-LUV	35.372, -20.817, -43.948
Hunter-Lab	29.471, -3.129, -27.266
Binary	00010100, 01010111, 10000110

#145786
```
#145786 rgb(20,87,134)
```
#864314
```
#864314 rgb(134,67,20)
```

Complementary Color

#14867c
```
#14867c rgb(20,134,124)
```
#145786
```
#145786 rgb(20,87,134)
```
#141e86
```
#141e86 rgb(20,30,134)
```

Analogous Color

#867c14
```
#867c14 rgb(134,124,20)
```
#145786
```
#145786 rgb(20,87,134)
```
#86141e
```
#86141e rgb(134,20,30)
```

Split Complementary Color

#578614
```
#578614 rgb(87,134,20)
```
#145786
```
#145786 rgb(20,87,134)
```
#861457
```
#861457 rgb(134,20,87)
```

Triadic Color

#148643
```
#148643 rgb(20,134,67)
```
#145786
```
#145786 rgb(20,87,134)
```
#861457
```
#861457 rgb(134,20,87)
```
#864314
```
#864314 rgb(134,67,20)
```

Tetradic Color

#0a2c43
```
#0a2c43 rgb(10,44,67)
```
#0d3a5a
```
#0d3a5a rgb(13,58,90)
```
#114970
```
#114970 rgb(17,73,112)
```
#145786
```
#145786 rgb(20,87,134)
```
#17659c
```
#17659c rgb(23,101,156)
```
#1b74b2
```
#1b74b2 rgb(27,116,178)
```
#1e82c9
```
#1e82c9 rgb(30,130,201)
```

Monochromatic Color

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

#147486
```
#147486 rgb(20,116,134)
```
#146a86
```
#146a86 rgb(20,106,134)
```
#146186
```
#146186 rgb(20,97,134)
```
#145786
```
#145786 rgb(20,87,134)
```
#144e86
```
#144e86 rgb(20,78,134)
```
#144486
```
#144486 rgb(20,68,134)
```
#143b86
```
#143b86 rgb(20,59,134)
```

Similar Colors

Text with hexadecimal color #145786

This text has a font color of #145786.

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

#145786 background color

This paragraph has a background color of #145786.

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

#145786 border color

This element has a border color of #145786.

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

CSS codes

.text {color:#145786;}

.background {background-color:#145786;}

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

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

#02090f
```
#02090f rgb(2,9,15)
```
#051520
```
#051520 rgb(5,21,32)
```
#072031
```
#072031 rgb(7,32,49)
```
#0a2b42
```
#0a2b42 rgb(10,43,66)
```
#0c3653
```
#0c3653 rgb(12,54,83)
```
#0f4164
```
#0f4164 rgb(15,65,100)
```
#114c75
```
#114c75 rgb(17,76,117)
```
#145786
```
#145786 rgb(20,87,134)
```
#176297
```
#176297 rgb(23,98,151)
```
#196da8
```
#196da8 rgb(25,109,168)
```
#1c78b9
```
#1c78b9 rgb(28,120,185)
```
#1e83ca
```
#1e83ca rgb(30,131,202)
```
#218edb
```
#218edb rgb(33,142,219)
```

Shade Color Variation

#3097e0
```
#3097e0 rgb(48,151,224)
```
#41a0e3
```
#41a0e3 rgb(65,160,227)
```
#52a8e5
```
#52a8e5 rgb(82,168,229)
```
#63b1e8
```
#63b1e8 rgb(99,177,232)
```
#74b9ea
```
#74b9ea rgb(116,185,234)
```
#85c2ed
```
#85c2ed rgb(133,194,237)
```
#96cbef
```
#96cbef rgb(150,203,239)
```
#a7d3f2
```
#a7d3f2 rgb(167,211,242)
```
#b8dcf4
```
#b8dcf4 rgb(184,220,244)
```
#c9e4f7
```
#c9e4f7 rgb(201,228,247)
```
#daedfa
```
#daedfa rgb(218,237,250)
```
#ebf5fc
```
#ebf5fc rgb(235,245,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494e51 is the less saturated color, while #025a98 is the most saturated one.

#494e51
```
#494e51 rgb(73,78,81)
```
#434f57
```
#434f57 rgb(67,79,87)
```
#3d505d
```
#3d505d rgb(61,80,93)
```
#385162
```
#385162 rgb(56,81,98)
```
#325268
```
#325268 rgb(50,82,104)
```
#2c536e
```
#2c536e rgb(44,83,110)
```
#265474
```
#265474 rgb(38,84,116)
```
#20557a
```
#20557a rgb(32,85,122)
```
#1a5680
```
#1a5680 rgb(26,86,128)
```
#145786
```
#145786 rgb(20,87,134)
```
#0e588c
```
#0e588c rgb(14,88,140)
```
#085992
```
#085992 rgb(8,89,146)
```
#025a98
```
#025a98 rgb(2,90,152)
```

Tone Color Variation

Below, you can see how #145786 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
#3e4b54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5a88 Protanopia 1% of men
#3c5c8d Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

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

#145786 hex color

#145786 Color Information

#145786 Color Conversion

Color Schemes with #145786

Alternatives to #145786

#145786 Preview

Shades and Tints of #145786

Tones of #145786

Color Blindness Simulator