#144aa3 hex color

In a RGB color space, hex #144aa3 is composed of 7.8% red, 29% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 54.6% magenta, 0% yellow and 36.1% black. It has a hue angle of 217.3 degrees, a saturation of 78.1% and a lightness of 35.9%. #144aa3 color hex could be obtained by blending #2894ff with #000047. Closest websafe color is: #003399.

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

● #144aa3 color description : Dark blue.

The hexadecimal color #144aa3 has RGB values of R:20, G:74, B:163 and CMYK values of C:0.88, M:0.55, Y:0, K:0.36. Its decimal value is 1329827.

Hex triplet	144aa3	`#144aa3`
RGB Decimal	20, 74, 163	`rgb(20,74,163)`
RGB Percent	7.8, 29, 63.9	`rgb(7.8%,29%,63.9%)`
CMYK	88, 55, 0, 36
HSL	217.3°, 78.1, 35.9	`hsl(217.3,78.1%,35.9%)`
HSV (or HSB)	217.3°, 87.7, 63.9
Web Safe	003399	`#003399`

CIE-LAB	33.328, 18.164, -52.785
XYZ	9.347, 7.69, 35.64
xyY	0.177, 0.146, 7.69
CIE-LCH	33.328, 55.823, 288.989
CIE-LUV	33.328, -15.78, -73.451
Hunter-Lab	27.731, 11.636, -56.79
Binary	00010100, 01001010, 10100011

#144aa3
```
#144aa3 rgb(20,74,163)
```
#a36d14
```
#a36d14 rgb(163,109,20)
```

Complementary Color

#1492a3
```
#1492a3 rgb(20,146,163)
```
#144aa3
```
#144aa3 rgb(20,74,163)
```
#2614a3
```
#2614a3 rgb(38,20,163)
```

Analogous Color

#92a314
```
#92a314 rgb(146,163,20)
```
#144aa3
```
#144aa3 rgb(20,74,163)
```
#a32614
```
#a32614 rgb(163,38,20)
```

Split Complementary Color

#4aa314
```
#4aa314 rgb(74,163,20)
```
#144aa3
```
#144aa3 rgb(20,74,163)
```
#a3144a
```
#a3144a rgb(163,20,74)
```

Triadic Color

#14a36d
```
#14a36d rgb(20,163,109)
```
#144aa3
```
#144aa3 rgb(20,74,163)
```
#a3144a
```
#a3144a rgb(163,20,74)
```
#a36d14
```
#a36d14 rgb(163,109,20)
```

Tetradic Color

#0c2b5f
```
#0c2b5f rgb(12,43,95)
```
#0e3576
```
#0e3576 rgb(14,53,118)
```
#11408c
```
#11408c rgb(17,64,140)
```
#144aa3
```
#144aa3 rgb(20,74,163)
```
#1754ba
```
#1754ba rgb(23,84,186)
```
#1a5fd0
```
#1a5fd0 rgb(26,95,208)
```
#206ae4
```
#206ae4 rgb(32,106,228)
```

Monochromatic Color

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

#146ea3
```
#146ea3 rgb(20,110,163)
```
#1462a3
```
#1462a3 rgb(20,98,163)
```
#1456a3
```
#1456a3 rgb(20,86,163)
```
#144aa3
```
#144aa3 rgb(20,74,163)
```
#143ea3
```
#143ea3 rgb(20,62,163)
```
#1432a3
```
#1432a3 rgb(20,50,163)
```
#1426a3
```
#1426a3 rgb(20,38,163)
```

Similar Colors

Text with hexadecimal color #144aa3

This text has a font color of #144aa3.

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

#144aa3 background color

This paragraph has a background color of #144aa3.

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

#144aa3 border color

This element has a border color of #144aa3.

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

CSS codes

.text {color:#144aa3;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#030b17
```
#030b17 rgb(3,11,23)
```
#051229
```
#051229 rgb(5,18,41)
```
#071a3a
```
#071a3a rgb(7,26,58)
```
#09224c
```
#09224c rgb(9,34,76)
```
#0b2a5d
```
#0b2a5d rgb(11,42,93)
```
#0e326f
```
#0e326f rgb(14,50,111)
```
#103a80
```
#103a80 rgb(16,58,128)
```
#124292
```
#124292 rgb(18,66,146)
```
#144aa3
```
#144aa3 rgb(20,74,163)
```
#1652b4
```
#1652b4 rgb(22,82,180)
```
#185ac6
```
#185ac6 rgb(24,90,198)
```
#1a62d7
```
#1a62d7 rgb(26,98,215)
```

Shade Color Variation

#226be4
```
#226be4 rgb(34,107,228)
```
#3377e6
```
#3377e6 rgb(51,119,230)
```
#4582e8
```
#4582e8 rgb(69,130,232)
```
#568eea
```
#568eea rgb(86,142,234)
```
#689aec
```
#689aec rgb(104,154,236)
```
#79a5ef
```
#79a5ef rgb(121,165,239)
```
#8ab1f1
```
#8ab1f1 rgb(138,177,241)
```
#9cbdf3
```
#9cbdf3 rgb(156,189,243)
```
#adc8f5
```
#adc8f5 rgb(173,200,245)
```
#bfd4f7
```
#bfd4f7 rgb(191,212,247)
```
#d0e0f9
```
#d0e0f9 rgb(208,224,249)
```
#e2ebfb
```
#e2ebfb rgb(226,235,251)
```
#f3f7fe
```
#f3f7fe rgb(243,247,254)
```

Tint Color Variation

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

#5a5b5d
```
#5a5b5d rgb(90,91,93)
```
#535a64
```
#535a64 rgb(83,90,100)
```
#4c586b
```
#4c586b rgb(76,88,107)
```
#455672
```
#455672 rgb(69,86,114)
```
#3e5479
```
#3e5479 rgb(62,84,121)
```
#375380
```
#375380 rgb(55,83,128)
```
#305187
```
#305187 rgb(48,81,135)
```
#294f8e
```
#294f8e rgb(41,79,142)
```
#224d95
```
#224d95 rgb(34,77,149)
```
#1b4c9c
```
#1b4c9c rgb(27,76,156)
```
#144aa3
```
#144aa3 rgb(20,74,163)
```
#0d48aa
```
#0d48aa rgb(13,72,170)
```
#0647b1
```
#0647b1 rgb(6,71,177)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3a4557 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a6 Protanopia 1% of men
#005991 Deuteranopia 1% of men
#006065 Tritanopia 0.001% of the population

Trichromacy

#0750a5 Protanomaly 1% of men, 0.01% of women
#075398 Deuteranomaly 6% of men, 0.4% of women
#07587b Tritanomaly 0.01% of the population

#144aa3 hex color

#144aa3 Color Information

#144aa3 Color Conversion

Color Schemes with #144aa3

Alternatives to #144aa3

#144aa3 Preview

Shades and Tints of #144aa3

Tones of #144aa3

Color Blindness Simulator