#145ca4 hex color

In a RGB color space, hex #145ca4 is composed of 7.8% red, 36.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 43.9% magenta, 0% yellow and 35.7% black. It has a hue angle of 210 degrees, a saturation of 78.3% and a lightness of 36.1%. #145ca4 color hex could be obtained by blending #28b8ff with #000049. Closest websafe color is: #006699.

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

● #145ca4 color description : Dark blue.

The hexadecimal color #145ca4 has RGB values of R:20, G:92, B:164 and CMYK values of C:0.88, M:0.44, Y:0, K:0.36. Its decimal value is 1334436.

Hex triplet	145ca4	`#145ca4`
RGB Decimal	20, 92, 164	`rgb(20,92,164)`
RGB Percent	7.8, 36.1, 64.3	`rgb(7.8%,36.1%,64.3%)`
CMYK	88, 44, 0, 36
HSL	210°, 78.3, 36.1	`hsl(210,78.3%,36.1%)`
HSV (or HSB)	210°, 87.8, 64.3
Web Safe	006699	`#006699`

CIE-LAB	38.695, 6.535, -44.725
XYZ	10.815, 10.482, 36.573
xyY	0.187, 0.181, 10.482
CIE-LCH	38.695, 45.2, 278.313
CIE-LUV	38.695, -21.178, -64.739
Hunter-Lab	32.377, 2.966, -44.312
Binary	00010100, 01011100, 10100100

#145ca4
```
#145ca4 rgb(20,92,164)
```
#a45c14
```
#a45c14 rgb(164,92,20)
```

Complementary Color

#14a4a4
```
#14a4a4 rgb(20,164,164)
```
#145ca4
```
#145ca4 rgb(20,92,164)
```
#1414a4
```
#1414a4 rgb(20,20,164)
```

Analogous Color

#a4a414
```
#a4a414 rgb(164,164,20)
```
#145ca4
```
#145ca4 rgb(20,92,164)
```
#a41414
```
#a41414 rgb(164,20,20)
```

Split Complementary Color

#5ca414
```
#5ca414 rgb(92,164,20)
```
#145ca4
```
#145ca4 rgb(20,92,164)
```
#a4145c
```
#a4145c rgb(164,20,92)
```

Triadic Color

#14a45c
```
#14a45c rgb(20,164,92)
```
#145ca4
```
#145ca4 rgb(20,92,164)
```
#a4145c
```
#a4145c rgb(164,20,92)
```
#a45c14
```
#a45c14 rgb(164,92,20)
```

Tetradic Color

#0c3660
```
#0c3660 rgb(12,54,96)
```
#0e4377
```
#0e4377 rgb(14,67,119)
```
#114f8d
```
#114f8d rgb(17,79,141)
```
#145ca4
```
#145ca4 rgb(20,92,164)
```
#1769bb
```
#1769bb rgb(23,105,187)
```
#1a76d1
```
#1a76d1 rgb(26,118,209)
```
#2182e4
```
#2182e4 rgb(33,130,228)
```

Monochromatic Color

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

#1480a4
```
#1480a4 rgb(20,128,164)
```
#1474a4
```
#1474a4 rgb(20,116,164)
```
#1468a4
```
#1468a4 rgb(20,104,164)
```
#145ca4
```
#145ca4 rgb(20,92,164)
```
#1450a4
```
#1450a4 rgb(20,80,164)
```
#1444a4
```
#1444a4 rgb(20,68,164)
```
#1438a4
```
#1438a4 rgb(20,56,164)
```

Similar Colors

Text with hexadecimal color #145ca4

This text has a font color of #145ca4.

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

#145ca4 background color

This paragraph has a background color of #145ca4.

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

#145ca4 border color

This element has a border color of #145ca4.

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

CSS codes

.text {color:#145ca4;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#030e18
```
#030e18 rgb(3,14,24)
```
#05172a
```
#05172a rgb(5,23,42)
```
#07213b
```
#07213b rgb(7,33,59)
```
#092b4d
```
#092b4d rgb(9,43,77)
```
#0b355e
```
#0b355e rgb(11,53,94)
```
#0e3f70
```
#0e3f70 rgb(14,63,112)
```
#104881
```
#104881 rgb(16,72,129)
```
#125293
```
#125293 rgb(18,82,147)
```
#145ca4
```
#145ca4 rgb(20,92,164)
```
#1666b5
```
#1666b5 rgb(22,102,181)
```
#1870c7
```
#1870c7 rgb(24,112,199)
```
#1a79d8
```
#1a79d8 rgb(26,121,216)
```

Shade Color Variation

#2283e4
```
#2283e4 rgb(34,131,228)
```
#348de6
```
#348de6 rgb(52,141,230)
```
#4597e8
```
#4597e8 rgb(69,151,232)
```
#57a1ea
```
#57a1ea rgb(87,161,234)
```
#68aaed
```
#68aaed rgb(104,170,237)
```
#7ab4ef
```
#7ab4ef rgb(122,180,239)
```
#8bbef1
```
#8bbef1 rgb(139,190,241)
```
#9dc8f3
```
#9dc8f3 rgb(157,200,243)
```
#aed2f5
```
#aed2f5 rgb(174,210,245)
```
#c0dcf7
```
#c0dcf7 rgb(192,220,247)
```
#d1e5f9
```
#d1e5f9 rgb(209,229,249)
```
#e3effc
```
#e3effc rgb(227,239,252)
```
#f4f9fe
```
#f4f9fe rgb(244,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5c5d is the less saturated color, while #065cb2 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545c64
```
#545c64 rgb(84,92,100)
```
#4d5c6b
```
#4d5c6b rgb(77,92,107)
```
#465c72
```
#465c72 rgb(70,92,114)
```
#3e5c7a
```
#3e5c7a rgb(62,92,122)
```
#375c81
```
#375c81 rgb(55,92,129)
```
#305c88
```
#305c88 rgb(48,92,136)
```
#295c8f
```
#295c8f rgb(41,92,143)
```
#225c96
```
#225c96 rgb(34,92,150)
```
#1b5c9d
```
#1b5c9d rgb(27,92,157)
```
#145ca4
```
#145ca4 rgb(20,92,164)
```
#0d5cab
```
#0d5cab rgb(13,92,171)
```
#065cb2
```
#065cb2 rgb(6,92,178)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#435260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4161a6 Protanopia 1% of men
#1165a8 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#305fa5 Protanomaly 1% of men, 0.01% of women
#1261a6 Deuteranomaly 6% of men, 0.4% of women
#076785 Tritanomaly 0.01% of the population

#145ca4 hex color

#145ca4 Color Information

#145ca4 Color Conversion

Color Schemes with #145ca4

Alternatives to #145ca4

#145ca4 Preview

Shades and Tints of #145ca4

Tones of #145ca4

Color Blindness Simulator