#143f84 hex color

In a RGB color space, hex #143f84 is composed of 7.8% red, 24.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 52.3% magenta, 0% yellow and 48.2% black. It has a hue angle of 217 degrees, a saturation of 73.7% and a lightness of 29.8%. #143f84 color hex could be obtained by blending #287eff with #000009. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 25
- B 52
RGB color chart
- C 85
- M 52
- Y 0
- K 48
CMYK color chart

● #143f84 color description : Dark blue.

The hexadecimal color #143f84 has RGB values of R:20, G:63, B:132 and CMYK values of C:0.85, M:0.52, Y:0, K:0.48. Its decimal value is 1326980.

Hex triplet	143f84	`#143f84`
RGB Decimal	20, 63, 132	`rgb(20,63,132)`
RGB Percent	7.8, 24.7, 51.8	`rgb(7.8%,24.7%,51.8%)`
CMYK	85, 52, 0, 48
HSL	217°, 73.7, 29.8	`hsl(217,73.7%,29.8%)`
HSV (or HSB)	217°, 84.8, 51.8
Web Safe	003399	`#003399`

CIE-LAB	27.762, 12.97, -42.855
XYZ	6.23, 5.369, 22.537
xyY	0.183, 0.157, 5.369
CIE-LCH	27.762, 44.774, 286.838
CIE-LUV	27.762, -13.144, -56.055
Hunter-Lab	23.171, 7.442, -41.445
Binary	00010100, 00111111, 10000100

#143f84
```
#143f84 rgb(20,63,132)
```
#845914
```
#845914 rgb(132,89,20)
```

Complementary Color

#147784
```
#147784 rgb(20,119,132)
```
#143f84
```
#143f84 rgb(20,63,132)
```
#211484
```
#211484 rgb(33,20,132)
```

Analogous Color

#778414
```
#778414 rgb(119,132,20)
```
#143f84
```
#143f84 rgb(20,63,132)
```
#842114
```
#842114 rgb(132,33,20)
```

Split Complementary Color

#3f8414
```
#3f8414 rgb(63,132,20)
```
#143f84
```
#143f84 rgb(20,63,132)
```
#84143f
```
#84143f rgb(132,20,63)
```

Triadic Color

#148459
```
#148459 rgb(20,132,89)
```
#143f84
```
#143f84 rgb(20,63,132)
```
#84143f
```
#84143f rgb(132,20,63)
```
#845914
```
#845914 rgb(132,89,20)
```

Tetradic Color

#0a1f42
```
#0a1f42 rgb(10,31,66)
```
#0d2a58
```
#0d2a58 rgb(13,42,88)
```
#11346e
```
#11346e rgb(17,52,110)
```
#143f84
```
#143f84 rgb(20,63,132)
```
#174a9a
```
#174a9a rgb(23,74,154)
```
#1b54b0
```
#1b54b0 rgb(27,84,176)
```
#1e5fc6
```
#1e5fc6 rgb(30,95,198)
```

Monochromatic Color

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

#145b84
```
#145b84 rgb(20,91,132)
```
#145284
```
#145284 rgb(20,82,132)
```
#144884
```
#144884 rgb(20,72,132)
```
#143f84
```
#143f84 rgb(20,63,132)
```
#143684
```
#143684 rgb(20,54,132)
```
#142c84
```
#142c84 rgb(20,44,132)
```
#142384
```
#142384 rgb(20,35,132)
```

Similar Colors

Text with hexadecimal color #143f84

This text has a font color of #143f84.

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

#143f84 background color

This paragraph has a background color of #143f84.

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

#143f84 border color

This element has a border color of #143f84.

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

CSS codes

.text {color:#143f84;}

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

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

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, #02060d is the darkest color, while #fbfcfe is the lightest one.

#02060d
```
#02060d rgb(2,6,13)
```
#050e1e
```
#050e1e rgb(5,14,30)
```
#07162f
```
#07162f rgb(7,22,47)
```
#0a1e40
```
#0a1e40 rgb(10,30,64)
```
#0c2751
```
#0c2751 rgb(12,39,81)
```
#0f2f62
```
#0f2f62 rgb(15,47,98)
```
#113773
```
#113773 rgb(17,55,115)
```
#143f84
```
#143f84 rgb(20,63,132)
```
#174795
```
#174795 rgb(23,71,149)
```
#194fa6
```
#194fa6 rgb(25,79,166)
```
#1c57b7
```
#1c57b7 rgb(28,87,183)
```
#1e60c8
```
#1e60c8 rgb(30,96,200)
```
#2168d9
```
#2168d9 rgb(33,104,217)
```

Shade Color Variation

#2e72df
```
#2e72df rgb(46,114,223)
```
#3f7ee2
```
#3f7ee2 rgb(63,126,226)
```
#5089e5
```
#5089e5 rgb(80,137,229)
```
#6195e7
```
#6195e7 rgb(97,149,231)
```
#72a0ea
```
#72a0ea rgb(114,160,234)
```
#83acec
```
#83acec rgb(131,172,236)
```
#95b7ef
```
#95b7ef rgb(149,183,239)
```
#a6c3f1
```
#a6c3f1 rgb(166,195,241)
```
#b7cef4
```
#b7cef4 rgb(183,206,244)
```
#c8daf7
```
#c8daf7 rgb(200,218,247)
```
#d9e5f9
```
#d9e5f9 rgb(217,229,249)
```
#eaf1fc
```
#eaf1fc rgb(234,241,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494b4f is the less saturated color, while #023b96 is the most saturated one.

#494b4f
```
#494b4f rgb(73,75,79)
```
#434a55
```
#434a55 rgb(67,74,85)
```
#3d495b
```
#3d495b rgb(61,73,91)
```
#374761
```
#374761 rgb(55,71,97)
```
#314667
```
#314667 rgb(49,70,103)
```
#2b446d
```
#2b446d rgb(43,68,109)
```
#264372
```
#264372 rgb(38,67,114)
```
#204278
```
#204278 rgb(32,66,120)
```
#1a407e
```
#1a407e rgb(26,64,126)
```
#143f84
```
#143f84 rgb(20,63,132)
```
#0e3e8a
```
#0e3e8a rgb(14,62,138)
```
#083c90
```
#083c90 rgb(8,60,144)
```
#023b96
```
#023b96 rgb(2,59,150)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#323b49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d498a Protanopia 1% of men
#004c7e Deuteranopia 1% of men
#005257 Tritanopia 0.001% of the population

Trichromacy

#1a4588 Protanomaly 1% of men, 0.01% of women
#074780 Deuteranomaly 6% of men, 0.4% of women
#074b67 Tritanomaly 0.01% of the population

#143f84 hex color

#143f84 Color Information

#143f84 Color Conversion

Color Schemes with #143f84

Alternatives to #143f84

#143f84 Preview

Shades and Tints of #143f84

Tones of #143f84

Color Blindness Simulator