#145d8e hex color

In a RGB color space, hex #145d8e is composed of 7.8% red, 36.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 85.9% cyan, 34.5% magenta, 0% yellow and 44.3% black. It has a hue angle of 204.1 degrees, a saturation of 75.3% and a lightness of 31.8%. #145d8e color hex could be obtained by blending #28baff with #00001d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 36
- B 56
RGB color chart
- C 86
- M 35
- Y 0
- K 44
CMYK color chart

● #145d8e color description : Dark blue.

The hexadecimal color #145d8e has RGB values of R:20, G:93, B:142 and CMYK values of C:0.86, M:0.35, Y:0, K:0.44. Its decimal value is 1334670.

Hex triplet	145d8e	`#145d8e`
RGB Decimal	20, 93, 142	`rgb(20,93,142)`
RGB Percent	7.8, 36.5, 55.7	`rgb(7.8%,36.5%,55.7%)`
CMYK	86, 35, 0, 44
HSL	204.1°, 75.3, 31.8	`hsl(204.1,75.3%,31.8%)`
HSV (or HSB)	204.1°, 85.9, 55.7
Web Safe	006699	`#006699`

CIE-LAB	37.716, -2.929, -33.08
XYZ	9.084, 9.93, 27.028
xyY	0.197, 0.216, 9.93
CIE-LCH	37.716, 33.209, 264.94
CIE-LUV	37.716, -22.493, -46.379
Hunter-Lab	31.511, -3.686, -28.796
Binary	00010100, 01011101, 10001110

#145d8e
```
#145d8e rgb(20,93,142)
```
#8e4514
```
#8e4514 rgb(142,69,20)
```

Complementary Color

#148e82
```
#148e82 rgb(20,142,130)
```
#145d8e
```
#145d8e rgb(20,93,142)
```
#14208e
```
#14208e rgb(20,32,142)
```

Analogous Color

#8e8214
```
#8e8214 rgb(142,130,20)
```
#145d8e
```
#145d8e rgb(20,93,142)
```
#8e1420
```
#8e1420 rgb(142,20,32)
```

Split Complementary Color

#5d8e14
```
#5d8e14 rgb(93,142,20)
```
#145d8e
```
#145d8e rgb(20,93,142)
```
#8e145d
```
#8e145d rgb(142,20,93)
```

Triadic Color

#148e45
```
#148e45 rgb(20,142,69)
```
#145d8e
```
#145d8e rgb(20,93,142)
```
#8e145d
```
#8e145d rgb(142,20,93)
```
#8e4514
```
#8e4514 rgb(142,69,20)
```

Tetradic Color

#0b314b
```
#0b314b rgb(11,49,75)
```
#0e4061
```
#0e4061 rgb(14,64,97)
```
#114e78
```
#114e78 rgb(17,78,120)
```
#145d8e
```
#145d8e rgb(20,93,142)
```
#176ca4
```
#176ca4 rgb(23,108,164)
```
#1a7abb
```
#1a7abb rgb(26,122,187)
```
#1d89d1
```
#1d89d1 rgb(29,137,209)
```

Monochromatic Color

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

#147c8e
```
#147c8e rgb(20,124,142)
```
#14718e
```
#14718e rgb(20,113,142)
```
#14678e
```
#14678e rgb(20,103,142)
```
#145d8e
```
#145d8e rgb(20,93,142)
```
#14538e
```
#14538e rgb(20,83,142)
```
#14498e
```
#14498e rgb(20,73,142)
```
#143f8e
```
#143f8e rgb(20,63,142)
```

Similar Colors

Text with hexadecimal color #145d8e

This text has a font color of #145d8e.

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

#145d8e background color

This paragraph has a background color of #145d8e.

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

#145d8e border color

This element has a border color of #145d8e.

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

CSS codes

.text {color:#145d8e;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#030e16
```
#030e16 rgb(3,14,22)
```
#051927
```
#051927 rgb(5,25,39)
```
#082538
```
#082538 rgb(8,37,56)
```
#0a3049
```
#0a3049 rgb(10,48,73)
```
#0d3b5a
```
#0d3b5a rgb(13,59,90)
```
#0f466c
```
#0f466c rgb(15,70,108)
```
#12527d
```
#12527d rgb(18,82,125)
```
#145d8e
```
#145d8e rgb(20,93,142)
```
#16689f
```
#16689f rgb(22,104,159)
```
#1974b0
```
#1974b0 rgb(25,116,176)
```
#1b7fc2
```
#1b7fc2 rgb(27,127,194)
```
#1e8ad3
```
#1e8ad3 rgb(30,138,211)
```

Shade Color Variation

#2495e0
```
#2495e0 rgb(36,149,224)
```
#359de3
```
#359de3 rgb(53,157,227)
```
#46a5e5
```
#46a5e5 rgb(70,165,229)
```
#58aee7
```
#58aee7 rgb(88,174,231)
```
#69b6ea
```
#69b6ea rgb(105,182,234)
```
#7abeec
```
#7abeec rgb(122,190,236)
```
#8bc7ef
```
#8bc7ef rgb(139,199,239)
```
#9ccff1
```
#9ccff1 rgb(156,207,241)
```
#add7f4
```
#add7f4 rgb(173,215,244)
```
#bfe0f6
```
#bfe0f6 rgb(191,224,246)
```
#d0e8f8
```
#d0e8f8 rgb(208,232,248)
```
#e1f0fb
```
#e1f0fb rgb(225,240,251)
```
#f2f9fd
```
#f2f9fd rgb(242,249,253)
```

Tint Color Variation

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

#4c5256
```
#4c5256 rgb(76,82,86)
```
#46535c
```
#46535c rgb(70,83,92)
```
#405462
```
#405462 rgb(64,84,98)
```
#395669
```
#395669 rgb(57,86,105)
```
#33576f
```
#33576f rgb(51,87,111)
```
#2d5875
```
#2d5875 rgb(45,88,117)
```
#27597b
```
#27597b rgb(39,89,123)
```
#205b82
```
#205b82 rgb(32,91,130)
```
#1a5c88
```
#1a5c88 rgb(26,92,136)
```
#145d8e
```
#145d8e rgb(20,93,142)
```
#0e5e94
```
#0e5e94 rgb(14,94,148)
```
#085f9a
```
#085f9a rgb(8,95,154)
```
#0161a1
```
#0161a1 rgb(1,97,161)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#42505a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5f8f Protanopia 1% of men
#406195 Deuteranopia 1% of men
#006a72 Tritanopia 0.001% of the population

Trichromacy

#395e8f Protanomaly 1% of men, 0.01% of women
#305f92 Deuteranomaly 6% of men, 0.4% of women
#07657c Tritanomaly 0.01% of the population

#145d8e hex color

#145d8e Color Information

#145d8e Color Conversion

Color Schemes with #145d8e

Alternatives to #145d8e

#145d8e Preview

Shades and Tints of #145d8e

Tones of #145d8e

Color Blindness Simulator