colorhexa.com

#144ac4 hex color

In a RGB color space, hex #144ac4 is composed of 7.8% red, 29% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 62.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 221.6 degrees, a saturation of 81.5% and a lightness of 42.4%. #144ac4 color hex could be obtained by blending #2894ff with #000089. Closest websafe color is: #0033cc.

- R 8
- G 29
- B 77
RGB color chart
- C 90
- M 62
- Y 0
- K 23
CMYK color chart

● #144ac4 color description : Strong blue.

The hexadecimal color #144ac4 has RGB values of R:20, G:74, B:196 and CMYK values of C:0.9, M:0.62, Y:0, K:0.23. Its decimal value is 1329860.

Hex triplet	144ac4	`#144ac4`
RGB Decimal	20, 74, 196	`rgb(20,74,196)`
RGB Percent	7.8, 29, 76.9	`rgb(7.8%,29%,76.9%)`
CMYK	90, 62, 0, 23
HSL	221.6°, 81.5, 42.4	`hsl(221.6,81.5%,42.4%)`
HSV (or HSB)	221.6°, 89.8, 76.9
Web Safe	0033cc	`#0033cc`

CIE-LAB	36.043, 31.286, -67.888
XYZ	12.699, 9.031, 53.295
xyY	0.169, 0.12, 9.031
CIE-LCH	36.043, 74.75, 294.742
CIE-LUV	36.043, -15.436, -95.817
Hunter-Lab	30.051, 22.84, -84.114
Binary	00010100, 01001010, 11000100

#144ac4
```
#144ac4 rgb(20,74,196)
```
#c48e14
```
#c48e14 rgb(196,142,20)
```

Complementary Color

#14a2c4
```
#14a2c4 rgb(20,162,196)
```
#144ac4
```
#144ac4 rgb(20,74,196)
```
#3614c4
```
#3614c4 rgb(54,20,196)
```

Analogous Color

#a2c414
```
#a2c414 rgb(162,196,20)
```
#144ac4
```
#144ac4 rgb(20,74,196)
```
#c43614
```
#c43614 rgb(196,54,20)
```

Split Complementary Color

#4ac414
```
#4ac414 rgb(74,196,20)
```
#144ac4
```
#144ac4 rgb(20,74,196)
```
#c4144a
```
#c4144a rgb(196,20,74)
```

Triadic Color

#14c48e
```
#14c48e rgb(20,196,142)
```
#144ac4
```
#144ac4 rgb(20,74,196)
```
#c4144a
```
#c4144a rgb(196,20,74)
```
#c48e14
```
#c48e14 rgb(196,142,20)
```

Tetradic Color

#0d307f
```
#0d307f rgb(13,48,127)
```
#0f3996
```
#0f3996 rgb(15,57,150)
```
#1241ad
```
#1241ad rgb(18,65,173)
```
#144ac4
```
#144ac4 rgb(20,74,196)
```
#1653db
```
#1653db rgb(22,83,219)
```
#235fe9
```
#235fe9 rgb(35,95,233)
```
#3a70eb
```
#3a70eb rgb(58,112,235)
```

Monochromatic Color

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

#1476c4
```
#1476c4 rgb(20,118,196)
```
#1467c4
```
#1467c4 rgb(20,103,196)
```
#1459c4
```
#1459c4 rgb(20,89,196)
```
#144ac4
```
#144ac4 rgb(20,74,196)
```
#143bc4
```
#143bc4 rgb(20,59,196)
```
#142dc4
```
#142dc4 rgb(20,45,196)
```
#141ec4
```
#141ec4 rgb(20,30,196)
```

Similar Colors

Text with hexadecimal color #144ac4

This text has a font color of #144ac4.

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

#144ac4 background color

This paragraph has a background color of #144ac4.

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

#144ac4 border color

This element has a border color of #144ac4.

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

CSS codes

.text {color:#144ac4;}

.background {background-color:#144ac4;}

.border {border:1px solid #144ac4;}

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

#000000
```
#000000 rgb(0,0,0)
```
#020712
```
#020712 rgb(2,7,18)
```
#040e24
```
#040e24 rgb(4,14,36)
```
#051436
```
#051436 rgb(5,20,54)
```
#071b47
```
#071b47 rgb(7,27,71)
```
#092259
```
#092259 rgb(9,34,89)
```
#0b286b
```
#0b286b rgb(11,40,107)
```
#0d2f7d
```
#0d2f7d rgb(13,47,125)
```
#0f368f
```
#0f368f rgb(15,54,143)
```
#103da0
```
#103da0 rgb(16,61,160)
```
#1243b2
```
#1243b2 rgb(18,67,178)
```
#144ac4
```
#144ac4 rgb(20,74,196)
```
#1651d6
```
#1651d6 rgb(22,81,214)
```

Shade Color Variation

#1858e7
```
#1858e7 rgb(24,88,231)
```
#2a64e9
```
#2a64e9 rgb(42,100,233)
```
#3b71eb
```
#3b71eb rgb(59,113,235)
```
#4d7eed
```
#4d7eed rgb(77,126,237)
```
#5f8bef
```
#5f8bef rgb(95,139,239)
```
#7198f0
```
#7198f0 rgb(113,152,240)
```
#83a5f2
```
#83a5f2 rgb(131,165,242)
```
#94b2f4
```
#94b2f4 rgb(148,178,244)
```
#a6bff6
```
#a6bff6 rgb(166,191,246)
```
#b8ccf8
```
#b8ccf8 rgb(184,204,248)
```
#cad8fa
```
#cad8fa rgb(202,216,250)
```
#dce5fb
```
#dce5fb rgb(220,229,251)
```
#edf2fd
```
#edf2fd rgb(237,242,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676a71 is the less saturated color, while #0344d5 is the most saturated one.

#676a71
```
#676a71 rgb(103,106,113)
```
#5f6779
```
#5f6779 rgb(95,103,121)
```
#566482
```
#566482 rgb(86,100,130)
```
#4e608a
```
#4e608a rgb(78,96,138)
```
#465d92
```
#465d92 rgb(70,93,146)
```
#3e5a9a
```
#3e5a9a rgb(62,90,154)
```
#3557a3
```
#3557a3 rgb(53,87,163)
```
#2d54ab
```
#2d54ab rgb(45,84,171)
```
#2550b3
```
#2550b3 rgb(37,80,179)
```
#1c4dbc
```
#1c4dbc rgb(28,77,188)
```
#144ac4
```
#144ac4 rgb(20,74,196)
```
#0c47cc
```
#0c47cc rgb(12,71,204)
```
#0344d5
```
#0344d5 rgb(3,68,213)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3e4861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#00609a Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#0754b8 Protanomaly 1% of men, 0.01% of women
#0758a9 Deuteranomaly 6% of men, 0.4% of women
#075c8c Tritanomaly 0.01% of the population