#145e7c hex color

In a RGB color space, hex #145e7c is composed of 7.8% red, 36.9% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 24.2% magenta, 0% yellow and 51.4% black. It has a hue angle of 197.3 degrees, a saturation of 72.2% and a lightness of 28.2%. #145e7c color hex could be obtained by blending #28bcf8 with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 8
- G 37
- B 49
RGB color chart
- C 84
- M 24
- Y 0
- K 51
CMYK color chart

● #145e7c color description : Dark blue.

The hexadecimal color #145e7c has RGB values of R:20, G:94, B:124 and CMYK values of C:0.84, M:0.24, Y:0, K:0.51. Its decimal value is 1334908.

Hex triplet	145e7c	`#145e7c`
RGB Decimal	20, 94, 124	`rgb(20,94,124)`
RGB Percent	7.8, 36.9, 48.6	`rgb(7.8%,36.9%,48.6%)`
CMYK	84, 24, 0, 51
HSL	197.3°, 72.2, 28.2	`hsl(197.3,72.2%,28.2%)`
HSV (or HSB)	197.3°, 83.9, 48.6
Web Safe	006666	`#006666`

CIE-LAB	37.131, -10.545, -23.033
XYZ	7.928, 9.609, 20.504
xyY	0.208, 0.253, 9.609
CIE-LCH	37.131, 25.332, 245.4
CIE-LUV	37.131, -23.821, -30.614
Hunter-Lab	30.998, -8.591, -17.521
Binary	00010100, 01011110, 01111100

#145e7c
```
#145e7c rgb(20,94,124)
```
#7c3214
```
#7c3214 rgb(124,50,20)
```

Complementary Color

#147c66
```
#147c66 rgb(20,124,102)
```
#145e7c
```
#145e7c rgb(20,94,124)
```
#142a7c
```
#142a7c rgb(20,42,124)
```

Analogous Color

#7c6614
```
#7c6614 rgb(124,102,20)
```
#145e7c
```
#145e7c rgb(20,94,124)
```
#7c142a
```
#7c142a rgb(124,20,42)
```

Split Complementary Color

#5e7c14
```
#5e7c14 rgb(94,124,20)
```
#145e7c
```
#145e7c rgb(20,94,124)
```
#7c145e
```
#7c145e rgb(124,20,94)
```

Triadic Color

#147c32
```
#147c32 rgb(20,124,50)
```
#145e7c
```
#145e7c rgb(20,94,124)
```
#7c145e
```
#7c145e rgb(124,20,94)
```
#7c3214
```
#7c3214 rgb(124,50,20)
```

Tetradic Color

#092c3a
```
#092c3a rgb(9,44,58)
```
#0d3d50
```
#0d3d50 rgb(13,61,80)
```
#104d66
```
#104d66 rgb(16,77,102)
```
#145e7c
```
#145e7c rgb(20,94,124)
```
#186f92
```
#186f92 rgb(24,111,146)
```
#1b7fa8
```
#1b7fa8 rgb(27,127,168)
```
#1f90be
```
#1f90be rgb(31,144,190)
```

Monochromatic Color

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

#14787c
```
#14787c rgb(20,120,124)
```
#146f7c
```
#146f7c rgb(20,111,124)
```
#14677c
```
#14677c rgb(20,103,124)
```
#145e7c
```
#145e7c rgb(20,94,124)
```
#14557c
```
#14557c rgb(20,85,124)
```
#144d7c
```
#144d7c rgb(20,77,124)
```
#14447c
```
#14447c rgb(20,68,124)
```

Similar Colors

Text with hexadecimal color #145e7c

This text has a font color of #145e7c.

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

#145e7c background color

This paragraph has a background color of #145e7c.

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

#145e7c border color

This element has a border color of #145e7c.

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

CSS codes

.text {color:#145e7c;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#041117
```
#041117 rgb(4,17,23)
```
#061e28
```
#061e28 rgb(6,30,40)
```
#092b38
```
#092b38 rgb(9,43,56)
```
#0c3849
```
#0c3849 rgb(12,56,73)
```
#0f445a
```
#0f445a rgb(15,68,90)
```
#11516b
```
#11516b rgb(17,81,107)
```
#145e7c
```
#145e7c rgb(20,94,124)
```
#176b8d
```
#176b8d rgb(23,107,141)
```
#19789e
```
#19789e rgb(25,120,158)
```
#1c84af
```
#1c84af rgb(28,132,175)
```
#1f91c0
```
#1f91c0 rgb(31,145,192)
```
#229ed0
```
#229ed0 rgb(34,158,208)
```

Shade Color Variation

#29a9dd
```
#29a9dd rgb(41,169,221)
```
#3ab0df
```
#3ab0df rgb(58,176,223)
```
#4bb6e2
```
#4bb6e2 rgb(75,182,226)
```
#5cbde5
```
#5cbde5 rgb(92,189,229)
```
#6dc4e7
```
#6dc4e7 rgb(109,196,231)
```
#7ecbea
```
#7ecbea rgb(126,203,234)
```
#8fd2ed
```
#8fd2ed rgb(143,210,237)
```
#9fd8f0
```
#9fd8f0 rgb(159,216,240)
```
#b0dff2
```
#b0dff2 rgb(176,223,242)
```
#c1e6f5
```
#c1e6f5 rgb(193,230,245)
```
#d2edf8
```
#d2edf8 rgb(210,237,248)
```
#e3f4fa
```
#e3f4fa rgb(227,244,250)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46494a is the less saturated color, while #03658d is the most saturated one.

#46494a
```
#46494a rgb(70,73,74)
```
#404b50
```
#404b50 rgb(64,75,80)
```
#3b4e55
```
#3b4e55 rgb(59,78,85)
```
#35505b
```
#35505b rgb(53,80,91)
```
#305260
```
#305260 rgb(48,82,96)
```
#2a5566
```
#2a5566 rgb(42,85,102)
```
#25576b
```
#25576b rgb(37,87,107)
```
#1f5971
```
#1f5971 rgb(31,89,113)
```
#1a5c76
```
#1a5c76 rgb(26,92,118)
```
#145e7c
```
#145e7c rgb(20,94,124)
```
#0e6082
```
#0e6082 rgb(14,96,130)
```
#096387
```
#096387 rgb(9,99,135)
```
#03658d
```
#03658d rgb(3,101,141)
```

Tone Color Variation

Below, you can see how #145e7c 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
#404f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565e7d Protanopia 1% of men
#505f85 Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#3e5e7d Protanomaly 1% of men, 0.01% of women
#3a5e82 Deuteranomaly 6% of men, 0.4% of women
#076574 Tritanomaly 0.01% of the population

#145e7c hex color

#145e7c Color Information

#145e7c Color Conversion

Color Schemes with #145e7c

Alternatives to #145e7c

#145e7c Preview

Shades and Tints of #145e7c

Tones of #145e7c

Color Blindness Simulator