#145380 hex color

In a RGB color space, hex #145380 is composed of 7.8% red, 32.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 35.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 205 degrees, a saturation of 73% and a lightness of 29%. #145380 color hex could be obtained by blending #28a6ff with #000001. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 33
- B 50
RGB color chart
- C 84
- M 35
- Y 0
- K 50
CMYK color chart

● #145380 color description : Dark blue.

The hexadecimal color #145380 has RGB values of R:20, G:83, B:128 and CMYK values of C:0.84, M:0.35, Y:0, K:0.5. Its decimal value is 1332096.

Hex triplet	145380	`#145380`
RGB Decimal	20, 83, 128	`rgb(20,83,128)`
RGB Percent	7.8, 32.5, 50.2	`rgb(7.8%,32.5%,50.2%)`
CMYK	84, 35, 0, 50
HSL	205°, 73, 29	`hsl(205,73%,29%)`
HSV (or HSB)	205°, 84.4, 50.2
Web Safe	006699	`#006699`

CIE-LAB	33.759, -2.167, -30.781
XYZ	7.277, 7.893, 21.561
xyY	0.198, 0.215, 7.893
CIE-LCH	33.759, 30.858, 265.973
CIE-LUV	33.759, -19.716, -41.759
Hunter-Lab	28.095, -2.931, -25.835
Binary	00010100, 01010011, 10000000

#145380
```
#145380 rgb(20,83,128)
```
#804114
```
#804114 rgb(128,65,20)
```

Complementary Color

#148077
```
#148077 rgb(20,128,119)
```
#145380
```
#145380 rgb(20,83,128)
```
#141d80
```
#141d80 rgb(20,29,128)
```

Analogous Color

#807714
```
#807714 rgb(128,119,20)
```
#145380
```
#145380 rgb(20,83,128)
```
#80141d
```
#80141d rgb(128,20,29)
```

Split Complementary Color

#538014
```
#538014 rgb(83,128,20)
```
#145380
```
#145380 rgb(20,83,128)
```
#801453
```
#801453 rgb(128,20,83)
```

Triadic Color

#148041
```
#148041 rgb(20,128,65)
```
#145380
```
#145380 rgb(20,83,128)
```
#801453
```
#801453 rgb(128,20,83)
```
#804114
```
#804114 rgb(128,65,20)
```

Tetradic Color

#0a283e
```
#0a283e rgb(10,40,62)
```
#0d3654
```
#0d3654 rgb(13,54,84)
```
#11456a
```
#11456a rgb(17,69,106)
```
#145380
```
#145380 rgb(20,83,128)
```
#176196
```
#176196 rgb(23,97,150)
```
#1b70ac
```
#1b70ac rgb(27,112,172)
```
#1e7ec2
```
#1e7ec2 rgb(30,126,194)
```

Monochromatic Color

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

#146e80
```
#146e80 rgb(20,110,128)
```
#146580
```
#146580 rgb(20,101,128)
```
#145c80
```
#145c80 rgb(20,92,128)
```
#145380
```
#145380 rgb(20,83,128)
```
#144a80
```
#144a80 rgb(20,74,128)
```
#144180
```
#144180 rgb(20,65,128)
```
#143880
```
#143880 rgb(20,56,128)
```

Similar Colors

Text with hexadecimal color #145380

This text has a font color of #145380.

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

#145380 background color

This paragraph has a background color of #145380.

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

#145380 border color

This element has a border color of #145380.

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

CSS codes

.text {color:#145380;}

.background {background-color:#145380;}

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

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

#010609
```
#010609 rgb(1,6,9)
```
#04111a
```
#04111a rgb(4,17,26)
```
#071c2b
```
#071c2b rgb(7,28,43)
```
#09273c
```
#09273c rgb(9,39,60)
```
#0c324d
```
#0c324d rgb(12,50,77)
```
#0f3d5e
```
#0f3d5e rgb(15,61,94)
```
#11486f
```
#11486f rgb(17,72,111)
```
#145380
```
#145380 rgb(20,83,128)
```
#175e91
```
#175e91 rgb(23,94,145)
```
#1969a2
```
#1969a2 rgb(25,105,162)
```
#1c74b3
```
#1c74b3 rgb(28,116,179)
```
#1f7fc4
```
#1f7fc4 rgb(31,127,196)
```
#218ad5
```
#218ad5 rgb(33,138,213)
```

Shade Color Variation

#2c94de
```
#2c94de rgb(44,148,222)
```
#3d9ce1
```
#3d9ce1 rgb(61,156,225)
```
#4ea5e3
```
#4ea5e3 rgb(78,165,227)
```
#5faee6
```
#5faee6 rgb(95,174,230)
```
#70b6e9
```
#70b6e9 rgb(112,182,233)
```
#81bfeb
```
#81bfeb rgb(129,191,235)
```
#91c7ee
```
#91c7ee rgb(145,199,238)
```
#a2d0f1
```
#a2d0f1 rgb(162,208,241)
```
#b3d9f3
```
#b3d9f3 rgb(179,217,243)
```
#c4e1f6
```
#c4e1f6 rgb(196,225,246)
```
#d5eaf8
```
#d5eaf8 rgb(213,234,248)
```
#e6f2fb
```
#e6f2fb rgb(230,242,251)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474a4d is the less saturated color, while #035691 is the most saturated one.

#474a4d
```
#474a4d rgb(71,74,77)
```
#424b52
```
#424b52 rgb(66,75,82)
```
#3c4c58
```
#3c4c58 rgb(60,76,88)
```
#364d5e
```
#364d5e rgb(54,77,94)
```
#304e64
```
#304e64 rgb(48,78,100)
```
#2b4f69
```
#2b4f69 rgb(43,79,105)
```
#25506f
```
#25506f rgb(37,80,111)
```
#1f5175
```
#1f5175 rgb(31,81,117)
```
#1a527a
```
#1a527a rgb(26,82,122)
```
#145380
```
#145380 rgb(20,83,128)
```
#0e5486
```
#0e5486 rgb(14,84,134)
```
#09558b
```
#09558b rgb(9,85,139)
```
#035691
```
#035691 rgb(3,86,145)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3b4851 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475782 Protanopia 1% of men
#3a5887 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#345581 Protanomaly 1% of men, 0.01% of women
#2c5685 Deuteranomaly 6% of men, 0.4% of women
#075c70 Tritanomaly 0.01% of the population

#145380 hex color

#145380 Color Information

#145380 Color Conversion

Color Schemes with #145380

Alternatives to #145380

#145380 Preview

Shades and Tints of #145380

Tones of #145380

Color Blindness Simulator