#143486 hex color

In a RGB color space, hex #143486 is composed of 7.8% red, 20.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 61.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 223.2 degrees, a saturation of 74% and a lightness of 30.2%. #143486 color hex could be obtained by blending #2868ff with #00000d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 20
- B 53
RGB color chart
- C 85
- M 61
- Y 0
- K 47
CMYK color chart

● #143486 color description : Dark blue.

The hexadecimal color #143486 has RGB values of R:20, G:52, B:134 and CMYK values of C:0.85, M:0.61, Y:0, K:0.47. Its decimal value is 1324166.

Hex triplet	143486	`#143486`
RGB Decimal	20, 52, 134	`rgb(20,52,134)`
RGB Percent	7.8, 20.4, 52.5	`rgb(7.8%,20.4%,52.5%)`
CMYK	85, 61, 0, 47
HSL	223.2°, 74, 30.2	`hsl(223.2,74%,30.2%)`
HSV (or HSB)	223.2°, 85.1, 52.5
Web Safe	003399	`#003399`

CIE-LAB	24.72, 21.544, -49.045
XYZ	5.819, 4.325, 23.081
xyY	0.175, 0.13, 4.325
CIE-LCH	24.72, 53.568, 293.715
CIE-LUV	24.72, -10.131, -61.108
Hunter-Lab	20.798, 13.543, -51.241
Binary	00010100, 00110100, 10000110

#143486
```
#143486 rgb(20,52,134)
```
#866614
```
#866614 rgb(134,102,20)
```

Complementary Color

#146d86
```
#146d86 rgb(20,109,134)
```
#143486
```
#143486 rgb(20,52,134)
```
#2d1486
```
#2d1486 rgb(45,20,134)
```

Analogous Color

#6d8614
```
#6d8614 rgb(109,134,20)
```
#143486
```
#143486 rgb(20,52,134)
```
#862d14
```
#862d14 rgb(134,45,20)
```

Split Complementary Color

#348614
```
#348614 rgb(52,134,20)
```
#143486
```
#143486 rgb(20,52,134)
```
#861434
```
#861434 rgb(134,20,52)
```

Triadic Color

#148666
```
#148666 rgb(20,134,102)
```
#143486
```
#143486 rgb(20,52,134)
```
#861434
```
#861434 rgb(134,20,52)
```
#866614
```
#866614 rgb(134,102,20)
```

Tetradic Color

#0a1a43
```
#0a1a43 rgb(10,26,67)
```
#0d235a
```
#0d235a rgb(13,35,90)
```
#112b70
```
#112b70 rgb(17,43,112)
```
#143486
```
#143486 rgb(20,52,134)
```
#173d9c
```
#173d9c rgb(23,61,156)
```
#1b45b2
```
#1b45b2 rgb(27,69,178)
```
#1e4ec9
```
#1e4ec9 rgb(30,78,201)
```

Monochromatic Color

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

#145186
```
#145186 rgb(20,81,134)
```
#144786
```
#144786 rgb(20,71,134)
```
#143e86
```
#143e86 rgb(20,62,134)
```
#143486
```
#143486 rgb(20,52,134)
```
#142b86
```
#142b86 rgb(20,43,134)
```
#142186
```
#142186 rgb(20,33,134)
```
#141886
```
#141886 rgb(20,24,134)
```

Similar Colors

Text with hexadecimal color #143486

This text has a font color of #143486.

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

#143486 background color

This paragraph has a background color of #143486.

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

#143486 border color

This element has a border color of #143486.

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

CSS codes

.text {color:#143486;}

.background {background-color:#143486;}

.border {border:1px solid #143486;}

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

#02060f
```
#02060f rgb(2,6,15)
```
#050c20
```
#050c20 rgb(5,12,32)
```
#071331
```
#071331 rgb(7,19,49)
```
#0a1a42
```
#0a1a42 rgb(10,26,66)
```
#0c2053
```
#0c2053 rgb(12,32,83)
```
#0f2764
```
#0f2764 rgb(15,39,100)
```
#112d75
```
#112d75 rgb(17,45,117)
```
#143486
```
#143486 rgb(20,52,134)
```
#173b97
```
#173b97 rgb(23,59,151)
```
#1941a8
```
#1941a8 rgb(25,65,168)
```
#1c48b9
```
#1c48b9 rgb(28,72,185)
```
#1e4eca
```
#1e4eca rgb(30,78,202)
```
#2155db
```
#2155db rgb(33,85,219)
```

Shade Color Variation

#3061e0
```
#3061e0 rgb(48,97,224)
```
#416ee3
```
#416ee3 rgb(65,110,227)
```
#527be5
```
#527be5 rgb(82,123,229)
```
#6388e8
```
#6388e8 rgb(99,136,232)
```
#7495ea
```
#7495ea rgb(116,149,234)
```
#85a2ed
```
#85a2ed rgb(133,162,237)
```
#96afef
```
#96afef rgb(150,175,239)
```
#a7bcf2
```
#a7bcf2 rgb(167,188,242)
```
#b8c9f4
```
#b8c9f4 rgb(184,201,244)
```
#c9d6f7
```
#c9d6f7 rgb(201,214,247)
```
#dae3fa
```
#dae3fa rgb(218,227,250)
```
#ebf0fc
```
#ebf0fc rgb(235,240,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#494b51
```
#494b51 rgb(73,75,81)
```
#434957
```
#434957 rgb(67,73,87)
```
#3d465d
```
#3d465d rgb(61,70,93)
```
#384462
```
#384462 rgb(56,68,98)
```
#324168
```
#324168 rgb(50,65,104)
```
#2c3e6e
```
#2c3e6e rgb(44,62,110)
```
#263c74
```
#263c74 rgb(38,60,116)
```
#20397a
```
#20397a rgb(32,57,122)
```
#1a3780
```
#1a3780 rgb(26,55,128)
```
#143486
```
#143486 rgb(20,52,134)
```
#0e318c
```
#0e318c rgb(14,49,140)
```
#082f92
```
#082f92 rgb(8,47,146)
```
#022c98
```
#022c98 rgb(2,44,152)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2e3444 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004282 Protanopia 1% of men
#004672 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#073d83 Protanomaly 1% of men, 0.01% of women
#073f79 Deuteranomaly 6% of men, 0.4% of women
#074363 Tritanomaly 0.01% of the population

#143486 hex color

#143486 Color Information

#143486 Color Conversion

Color Schemes with #143486

Alternatives to #143486

#143486 Preview

Shades and Tints of #143486

Tones of #143486

Color Blindness Simulator