#145ea4 hex color

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

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

● #145ea4 color description : Dark blue.

The hexadecimal color #145ea4 has RGB values of R:20, G:94, B:164 and CMYK values of C:0.88, M:0.43, Y:0, K:0.36. Its decimal value is 1334948.

Hex triplet	145ea4	`#145ea4`
RGB Decimal	20, 94, 164	`rgb(20,94,164)`
RGB Percent	7.8, 36.9, 64.3	`rgb(7.8%,36.9%,64.3%)`
CMYK	88, 43, 0, 36
HSL	209.2°, 78.3, 36.1	`hsl(209.2,78.3%,36.1%)`
HSV (or HSB)	209.2°, 87.8, 64.3
Web Safe	006699	`#006699`

CIE-LAB	39.299, 5.236, -43.758
XYZ	10.99, 10.834, 36.632
xyY	0.188, 0.185, 10.834
CIE-LCH	39.299, 44.07, 276.823
CIE-LUV	39.299, -21.82, -63.492
Hunter-Lab	32.914, 2.003, -42.946
Binary	00010100, 01011110, 10100100

#145ea4
```
#145ea4 rgb(20,94,164)
```
#a45a14
```
#a45a14 rgb(164,90,20)
```

Complementary Color

#14a4a2
```
#14a4a2 rgb(20,164,162)
```
#145ea4
```
#145ea4 rgb(20,94,164)
```
#1416a4
```
#1416a4 rgb(20,22,164)
```

Analogous Color

#a4a214
```
#a4a214 rgb(164,162,20)
```
#145ea4
```
#145ea4 rgb(20,94,164)
```
#a41416
```
#a41416 rgb(164,20,22)
```

Split Complementary Color

#5ea414
```
#5ea414 rgb(94,164,20)
```
#145ea4
```
#145ea4 rgb(20,94,164)
```
#a4145e
```
#a4145e rgb(164,20,94)
```

Triadic Color

#14a45a
```
#14a45a rgb(20,164,90)
```
#145ea4
```
#145ea4 rgb(20,94,164)
```
#a4145e
```
#a4145e rgb(164,20,94)
```
#a45a14
```
#a45a14 rgb(164,90,20)
```

Tetradic Color

#0c3760
```
#0c3760 rgb(12,55,96)
```
#0e4477
```
#0e4477 rgb(14,68,119)
```
#11518d
```
#11518d rgb(17,81,141)
```
#145ea4
```
#145ea4 rgb(20,94,164)
```
#176bbb
```
#176bbb rgb(23,107,187)
```
#1a78d1
```
#1a78d1 rgb(26,120,209)
```
#2185e4
```
#2185e4 rgb(33,133,228)
```

Monochromatic Color

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

#1482a4
```
#1482a4 rgb(20,130,164)
```
#1476a4
```
#1476a4 rgb(20,118,164)
```
#146aa4
```
#146aa4 rgb(20,106,164)
```
#145ea4
```
#145ea4 rgb(20,94,164)
```
#1452a4
```
#1452a4 rgb(20,82,164)
```
#1446a4
```
#1446a4 rgb(20,70,164)
```
#143aa4
```
#143aa4 rgb(20,58,164)
```

Similar Colors

Text with hexadecimal color #145ea4

This text has a font color of #145ea4.

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

#145ea4 background color

This paragraph has a background color of #145ea4.

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

#145ea4 border color

This element has a border color of #145ea4.

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

CSS codes

.text {color:#145ea4;}

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

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

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)
```
#05182a
```
#05182a rgb(5,24,42)
```
#07223b
```
#07223b rgb(7,34,59)
```
#092c4d
```
#092c4d rgb(9,44,77)
```
#0b365e
```
#0b365e rgb(11,54,94)
```
#0e4070
```
#0e4070 rgb(14,64,112)
```
#104a81
```
#104a81 rgb(16,74,129)
```
#125493
```
#125493 rgb(18,84,147)
```
#145ea4
```
#145ea4 rgb(20,94,164)
```
#1668b5
```
#1668b5 rgb(22,104,181)
```
#1872c7
```
#1872c7 rgb(24,114,199)
```
#1a7cd8
```
#1a7cd8 rgb(26,124,216)
```

Shade Color Variation

#2286e4
```
#2286e4 rgb(34,134,228)
```
#3490e6
```
#3490e6 rgb(52,144,230)
```
#4599e8
```
#4599e8 rgb(69,153,232)
```
#57a3ea
```
#57a3ea rgb(87,163,234)
```
#68aced
```
#68aced rgb(104,172,237)
```
#7ab6ef
```
#7ab6ef rgb(122,182,239)
```
#8bbff1
```
#8bbff1 rgb(139,191,241)
```
#9dc9f3
```
#9dc9f3 rgb(157,201,243)
```
#aed3f5
```
#aed3f5 rgb(174,211,245)
```
#c0dcf7
```
#c0dcf7 rgb(192,220,247)
```
#d1e6f9
```
#d1e6f9 rgb(209,230,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 #065eb2 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545c64
```
#545c64 rgb(84,92,100)
```
#4d5c6b
```
#4d5c6b rgb(77,92,107)
```
#465d72
```
#465d72 rgb(70,93,114)
```
#3e5d7a
```
#3e5d7a rgb(62,93,122)
```
#375d81
```
#375d81 rgb(55,93,129)
```
#305d88
```
#305d88 rgb(48,93,136)
```
#295d8f
```
#295d8f rgb(41,93,143)
```
#225e96
```
#225e96 rgb(34,94,150)
```
#1b5e9d
```
#1b5e9d rgb(27,94,157)
```
#145ea4
```
#145ea4 rgb(20,94,164)
```
#0d5eab
```
#0d5eab rgb(13,94,171)
```
#065eb2
```
#065eb2 rgb(6,94,178)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#445361 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4462a5 Protanopia 1% of men
#1f66a8 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#3261a5 Protanomaly 1% of men, 0.01% of women
#1b63a7 Deuteranomaly 6% of men, 0.4% of women
#076886 Tritanomaly 0.01% of the population

#145ea4 hex color

#145ea4 Color Information

#145ea4 Color Conversion

Color Schemes with #145ea4

Alternatives to #145ea4

#145ea4 Preview

Shades and Tints of #145ea4

Tones of #145ea4

Color Blindness Simulator