#145f8d hex color

In a RGB color space, hex #145f8d is composed of 7.8% red, 37.3% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 32.6% magenta, 0% yellow and 44.7% black. It has a hue angle of 202.8 degrees, a saturation of 75.2% and a lightness of 31.6%. #145f8d color hex could be obtained by blending #28beff with #00001b. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 37
- B 55
RGB color chart
- C 86
- M 33
- Y 0
- K 45
CMYK color chart

● #145f8d color description : Dark blue.

The hexadecimal color #145f8d has RGB values of R:20, G:95, B:141 and CMYK values of C:0.86, M:0.33, Y:0, K:0.45. Its decimal value is 1335181.

Hex triplet	145f8d	`#145f8d`
RGB Decimal	20, 95, 141	`rgb(20,95,141)`
RGB Percent	7.8, 37.3, 55.3	`rgb(7.8%,37.3%,55.3%)`
CMYK	86, 33, 0, 45
HSL	202.8°, 75.2, 31.6	`hsl(202.8,75.2%,31.6%)`
HSV (or HSB)	202.8°, 85.8, 55.3
Web Safe	006699	`#006699`

CIE-LAB	38.297, -4.572, -31.557
XYZ	9.187, 10.255, 26.693
xyY	0.199, 0.222, 10.255
CIE-LCH	38.297, 31.887, 261.756
CIE-LUV	38.297, -23.235, -44.14
Hunter-Lab	32.024, -4.833, -27.003
Binary	00010100, 01011111, 10001101

#145f8d
```
#145f8d rgb(20,95,141)
```
#8d4214
```
#8d4214 rgb(141,66,20)
```

Complementary Color

#148d7f
```
#148d7f rgb(20,141,127)
```
#145f8d
```
#145f8d rgb(20,95,141)
```
#14238d
```
#14238d rgb(20,35,141)
```

Analogous Color

#8d7f14
```
#8d7f14 rgb(141,127,20)
```
#145f8d
```
#145f8d rgb(20,95,141)
```
#8d1423
```
#8d1423 rgb(141,20,35)
```

Split Complementary Color

#5f8d14
```
#5f8d14 rgb(95,141,20)
```
#145f8d
```
#145f8d rgb(20,95,141)
```
#8d145f
```
#8d145f rgb(141,20,95)
```

Triadic Color

#148d42
```
#148d42 rgb(20,141,66)
```
#145f8d
```
#145f8d rgb(20,95,141)
```
#8d145f
```
#8d145f rgb(141,20,95)
```
#8d4214
```
#8d4214 rgb(141,66,20)
```

Tetradic Color

#0a324a
```
#0a324a rgb(10,50,74)
```
#0e4160
```
#0e4160 rgb(14,65,96)
```
#115077
```
#115077 rgb(17,80,119)
```
#145f8d
```
#145f8d rgb(20,95,141)
```
#176ea3
```
#176ea3 rgb(23,110,163)
```
#1a7dba
```
#1a7dba rgb(26,125,186)
```
#1e8cd0
```
#1e8cd0 rgb(30,140,208)
```

Monochromatic Color

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

#147d8d
```
#147d8d rgb(20,125,141)
```
#14738d
```
#14738d rgb(20,115,141)
```
#14698d
```
#14698d rgb(20,105,141)
```
#145f8d
```
#145f8d rgb(20,95,141)
```
#14558d
```
#14558d rgb(20,85,141)
```
#144b8d
```
#144b8d rgb(20,75,141)
```
#14418d
```
#14418d rgb(20,65,141)
```

Similar Colors

Text with hexadecimal color #145f8d

This text has a font color of #145f8d.

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

#145f8d background color

This paragraph has a background color of #145f8d.

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

#145f8d border color

This element has a border color of #145f8d.

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

CSS codes

.text {color:#145f8d;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030e15
```
#030e15 rgb(3,14,21)
```
#051a26
```
#051a26 rgb(5,26,38)
```
#082537
```
#082537 rgb(8,37,55)
```
#0a3148
```
#0a3148 rgb(10,49,72)
```
#0d3c59
```
#0d3c59 rgb(13,60,89)
```
#0f486b
```
#0f486b rgb(15,72,107)
```
#12537c
```
#12537c rgb(18,83,124)
```
#145f8d
```
#145f8d rgb(20,95,141)
```
#166b9e
```
#166b9e rgb(22,107,158)
```
#1976af
```
#1976af rgb(25,118,175)
```
#1b82c1
```
#1b82c1 rgb(27,130,193)
```
#1e8dd2
```
#1e8dd2 rgb(30,141,210)
```

Shade Color Variation

#2398e0
```
#2398e0 rgb(35,152,224)
```
#34a0e2
```
#34a0e2 rgb(52,160,226)
```
#46a8e5
```
#46a8e5 rgb(70,168,229)
```
#57b0e7
```
#57b0e7 rgb(87,176,231)
```
#68b8ea
```
#68b8ea rgb(104,184,234)
```
#79c0ec
```
#79c0ec rgb(121,192,236)
```
#8ac8ee
```
#8ac8ee rgb(138,200,238)
```
#9bd0f1
```
#9bd0f1 rgb(155,208,241)
```
#add8f3
```
#add8f3 rgb(173,216,243)
```
#bee1f6
```
#bee1f6 rgb(190,225,246)
```
#cfe9f8
```
#cfe9f8 rgb(207,233,248)
```
#e0f1fb
```
#e0f1fb rgb(224,241,251)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Tint Color Variation

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

#4c5255
```
#4c5255 rgb(76,82,85)
```
#46535b
```
#46535b rgb(70,83,91)
```
#3f5562
```
#3f5562 rgb(63,85,98)
```
#395668
```
#395668 rgb(57,86,104)
```
#33586e
```
#33586e rgb(51,88,110)
```
#2d5974
```
#2d5974 rgb(45,89,116)
```
#275b7a
```
#275b7a rgb(39,91,122)
```
#205c81
```
#205c81 rgb(32,92,129)
```
#1a5e87
```
#1a5e87 rgb(26,94,135)
```
#145f8d
```
#145f8d rgb(20,95,141)
```
#0e6093
```
#0e6093 rgb(14,96,147)
```
#086299
```
#086299 rgb(8,98,153)
```
#0163a0
```
#0163a0 rgb(1,99,160)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#42515b Atypical Achromatopsia 0.001% of the population

Dichromacy

#52618e Protanopia 1% of men
#456294 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#3b608d Protanomaly 1% of men, 0.01% of women
#336192 Deuteranomaly 6% of men, 0.4% of women
#07677c Tritanomaly 0.01% of the population

#145f8d hex color

#145f8d Color Information

#145f8d Color Conversion

Color Schemes with #145f8d

Alternatives to #145f8d

#145f8d Preview

Shades and Tints of #145f8d

Tones of #145f8d

Color Blindness Simulator