#143caa hex color

In a RGB color space, hex #143caa is composed of 7.8% red, 23.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 64.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 224 degrees, a saturation of 78.9% and a lightness of 37.3%. #143caa color hex could be obtained by blending #2878ff with #000055. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 24
- B 67
RGB color chart
- C 88
- M 65
- Y 0
- K 33
CMYK color chart

● #143caa color description : Dark blue.

The hexadecimal color #143caa has RGB values of R:20, G:60, B:170 and CMYK values of C:0.88, M:0.65, Y:0, K:0.33. Its decimal value is 1326250.

Hex triplet	143caa	`#143caa`
RGB Decimal	20, 60, 170	`rgb(20,60,170)`
RGB Percent	7.8, 23.5, 66.7	`rgb(7.8%,23.5%,66.7%)`
CMYK	88, 65, 0, 33
HSL	224°, 78.9, 37.3	`hsl(224,78.9%,37.3%)`
HSV (or HSB)	224°, 88.2, 66.7
Web Safe	003399	`#003399`

CIE-LAB	30.113, 30.464, -62.236
XYZ	9.159, 6.282, 38.758
xyY	0.169, 0.116, 6.282
CIE-LCH	30.113, 69.292, 296.081
CIE-LUV	30.113, -12.161, -82.581
Hunter-Lab	25.064, 21.363, -74.139
Binary	00010100, 00111100, 10101010

#143caa
```
#143caa rgb(20,60,170)
```
#aa8214
```
#aa8214 rgb(170,130,20)
```

Complementary Color

#1487aa
```
#1487aa rgb(20,135,170)
```
#143caa
```
#143caa rgb(20,60,170)
```
#3714aa
```
#3714aa rgb(55,20,170)
```

Analogous Color

#87aa14
```
#87aa14 rgb(135,170,20)
```
#143caa
```
#143caa rgb(20,60,170)
```
#aa3714
```
#aa3714 rgb(170,55,20)
```

Split Complementary Color

#3caa14
```
#3caa14 rgb(60,170,20)
```
#143caa
```
#143caa rgb(20,60,170)
```
#aa143c
```
#aa143c rgb(170,20,60)
```

Triadic Color

#14aa82
```
#14aa82 rgb(20,170,130)
```
#143caa
```
#143caa rgb(20,60,170)
```
#aa143c
```
#aa143c rgb(170,20,60)
```
#aa8214
```
#aa8214 rgb(170,130,20)
```

Tetradic Color

#0c2466
```
#0c2466 rgb(12,36,102)
```
#0f2c7c
```
#0f2c7c rgb(15,44,124)
```
#113493
```
#113493 rgb(17,52,147)
```
#143caa
```
#143caa rgb(20,60,170)
```
#1744c1
```
#1744c1 rgb(23,68,193)
```
#194cd8
```
#194cd8 rgb(25,76,216)
```
#2558e5
```
#2558e5 rgb(37,88,229)
```

Monochromatic Color

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

#1462aa
```
#1462aa rgb(20,98,170)
```
#1455aa
```
#1455aa rgb(20,85,170)
```
#1449aa
```
#1449aa rgb(20,73,170)
```
#143caa
```
#143caa rgb(20,60,170)
```
#1430aa
```
#1430aa rgb(20,48,170)
```
#1423aa
```
#1423aa rgb(20,35,170)
```
#1417aa
```
#1417aa rgb(20,23,170)
```

Similar Colors

Text with hexadecimal color #143caa

This text has a font color of #143caa.

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

#143caa background color

This paragraph has a background color of #143caa.

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

#143caa border color

This element has a border color of #143caa.

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

CSS codes

.text {color:#143caa;}

.background {background-color:#143caa;}

.border {border:1px solid #143caa;}

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, #01040c is the darkest color, while #f9fbfe is the lightest one.

#01040c
```
#01040c rgb(1,4,12)
```
#030a1e
```
#030a1e rgb(3,10,30)
```
#06112f
```
#06112f rgb(6,17,47)
```
#081741
```
#081741 rgb(8,23,65)
```
#0a1d52
```
#0a1d52 rgb(10,29,82)
```
#0c2364
```
#0c2364 rgb(12,35,100)
```
#0e2975
```
#0e2975 rgb(14,41,117)
```
#103087
```
#103087 rgb(16,48,135)
```
#123698
```
#123698 rgb(18,54,152)
```
#143caa
```
#143caa rgb(20,60,170)
```
#1642bc
```
#1642bc rgb(22,66,188)
```
#1848cd
```
#1848cd rgb(24,72,205)
```
#1a4fdf
```
#1a4fdf rgb(26,79,223)
```

Shade Color Variation

#275ae6
```
#275ae6 rgb(39,90,230)
```
#3867e8
```
#3867e8 rgb(56,103,232)
```
#4a75ea
```
#4a75ea rgb(74,117,234)
```
#5c82ec
```
#5c82ec rgb(92,130,236)
```
#6d8fee
```
#6d8fee rgb(109,143,238)
```
#7f9df0
```
#7f9df0 rgb(127,157,240)
```
#90aaf2
```
#90aaf2 rgb(144,170,242)
```
#a2b8f4
```
#a2b8f4 rgb(162,184,244)
```
#b3c5f6
```
#b3c5f6 rgb(179,197,246)
```
#c5d3f8
```
#c5d3f8 rgb(197,211,248)
```
#d6e0fa
```
#d6e0fa rgb(214,224,250)
```
#e8edfc
```
#e8edfc rgb(232,237,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#5d5e61
```
#5d5e61 rgb(93,94,97)
```
#565b68
```
#565b68 rgb(86,91,104)
```
#4e5770
```
#4e5770 rgb(78,87,112)
```
#475477
```
#475477 rgb(71,84,119)
```
#40507e
```
#40507e rgb(64,80,126)
```
#394d85
```
#394d85 rgb(57,77,133)
```
#314a8d
```
#314a8d rgb(49,74,141)
```
#2a4694
```
#2a4694 rgb(42,70,148)
```
#23439b
```
#23439b rgb(35,67,155)
```
#1b3fa3
```
#1b3fa3 rgb(27,63,163)
```
#143caa
```
#143caa rgb(20,60,170)
```
#0d39b1
```
#0d39b1 rgb(13,57,177)
```
#0535b9
```
#0535b9 rgb(5,53,185)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#353d53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005284 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#07479e Protanomaly 1% of men, 0.01% of women
#074a92 Deuteranomaly 6% of men, 0.4% of women
#074e78 Tritanomaly 0.01% of the population

#143caa hex color

#143caa Color Information

#143caa Color Conversion

Color Schemes with #143caa

Alternatives to #143caa

#143caa Preview

Shades and Tints of #143caa

Tones of #143caa

Color Blindness Simulator