#143696 hex color

In a RGB color space, hex #143696 is composed of 7.8% red, 21.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 64% magenta, 0% yellow and 41.2% black. It has a hue angle of 224.3 degrees, a saturation of 76.5% and a lightness of 33.3%. #143696 color hex could be obtained by blending #286cff with #00002d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 21
- B 59
RGB color chart
- C 87
- M 64
- Y 0
- K 41
CMYK color chart

● #143696 color description : Dark blue.

The hexadecimal color #143696 has RGB values of R:20, G:54, B:150 and CMYK values of C:0.87, M:0.64, Y:0, K:0.41. Its decimal value is 1324694.

Hex triplet	143696	`#143696`
RGB Decimal	20, 54, 150	`rgb(20,54,150)`
RGB Percent	7.8, 21.2, 58.8	`rgb(7.8%,21.2%,58.8%)`
CMYK	87, 64, 0, 41
HSL	224.3°, 76.5, 33.3	`hsl(224.3,76.5%,33.3%)`
HSV (or HSB)	224.3°, 86.7, 58.8
Web Safe	003399	`#003399`

CIE-LAB	26.702, 26.63, -55.704
XYZ	7.112, 4.989, 29.441
xyY	0.171, 0.12, 4.989
CIE-LCH	26.702, 61.742, 295.551
CIE-LUV	26.702, -10.68, -71.037
Hunter-Lab	22.335, 17.749, -62.518
Binary	00010100, 00110110, 10010110

#143696
```
#143696 rgb(20,54,150)
```
#967414
```
#967414 rgb(150,116,20)
```

Complementary Color

#147796
```
#147796 rgb(20,119,150)
```
#143696
```
#143696 rgb(20,54,150)
```
#331496
```
#331496 rgb(51,20,150)
```

Analogous Color

#779614
```
#779614 rgb(119,150,20)
```
#143696
```
#143696 rgb(20,54,150)
```
#963314
```
#963314 rgb(150,51,20)
```

Split Complementary Color

#369614
```
#369614 rgb(54,150,20)
```
#143696
```
#143696 rgb(20,54,150)
```
#961436
```
#961436 rgb(150,20,54)
```

Triadic Color

#149674
```
#149674 rgb(20,150,116)
```
#143696
```
#143696 rgb(20,54,150)
```
#961436
```
#961436 rgb(150,20,54)
```
#967414
```
#967414 rgb(150,116,20)
```

Tetradic Color

#0b1e53
```
#0b1e53 rgb(11,30,83)
```
#0e2669
```
#0e2669 rgb(14,38,105)
```
#112e80
```
#112e80 rgb(17,46,128)
```
#143696
```
#143696 rgb(20,54,150)
```
#173ead
```
#173ead rgb(23,62,173)
```
#1a46c3
```
#1a46c3 rgb(26,70,195)
```
#1d4eda
```
#1d4eda rgb(29,78,218)
```

Monochromatic Color

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

#145796
```
#145796 rgb(20,87,150)
```
#144c96
```
#144c96 rgb(20,76,150)
```
#144196
```
#144196 rgb(20,65,150)
```
#143696
```
#143696 rgb(20,54,150)
```
#142b96
```
#142b96 rgb(20,43,150)
```
#142096
```
#142096 rgb(20,32,150)
```
#141696
```
#141696 rgb(20,22,150)
```

Similar Colors

Text with hexadecimal color #143696

This text has a font color of #143696.

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

#143696 background color

This paragraph has a background color of #143696.

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

#143696 border color

This element has a border color of #143696.

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

CSS codes

.text {color:#143696;}

.background {background-color:#143696;}

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

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

#02040c
```
#02040c rgb(2,4,12)
```
#040a1d
```
#040a1d rgb(4,10,29)
```
#06112e
```
#06112e rgb(6,17,46)
```
#08173f
```
#08173f rgb(8,23,63)
```
#0b1d51
```
#0b1d51 rgb(11,29,81)
```
#0d2362
```
#0d2362 rgb(13,35,98)
```
#0f2a73
```
#0f2a73 rgb(15,42,115)
```
#123085
```
#123085 rgb(18,48,133)
```
#143696
```
#143696 rgb(20,54,150)
```
#163ca7
```
#163ca7 rgb(22,60,167)
```
#1942b9
```
#1942b9 rgb(25,66,185)
```
#1b49ca
```
#1b49ca rgb(27,73,202)
```
#1d4fdb
```
#1d4fdb rgb(29,79,219)
```

Shade Color Variation

#2a5ae3
```
#2a5ae3 rgb(42,90,227)
```
#3b67e5
```
#3b67e5 rgb(59,103,229)
```
#4c75e7
```
#4c75e7 rgb(76,117,231)
```
#5d82e9
```
#5d82e9 rgb(93,130,233)
```
#6f8fec
```
#6f8fec rgb(111,143,236)
```
#809dee
```
#809dee rgb(128,157,238)
```
#91aaf0
```
#91aaf0 rgb(145,170,240)
```
#a3b8f3
```
#a3b8f3 rgb(163,184,243)
```
#b4c5f5
```
#b4c5f5 rgb(180,197,245)
```
#c5d2f7
```
#c5d2f7 rgb(197,210,247)
```
#d7e0fa
```
#d7e0fa rgb(215,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, #4f525b is the less saturated color, while #002daa is the most saturated one.

#4f525b
```
#4f525b rgb(79,82,91)
```
#484f62
```
#484f62 rgb(72,79,98)
```
#424c68
```
#424c68 rgb(66,76,104)
```
#3b496f
```
#3b496f rgb(59,73,111)
```
#354675
```
#354675 rgb(53,70,117)
```
#2e427c
```
#2e427c rgb(46,66,124)
```
#283f82
```
#283f82 rgb(40,63,130)
```
#213c89
```
#213c89 rgb(33,60,137)
```
#1b398f
```
#1b398f rgb(27,57,143)
```
#143696
```
#143696 rgb(20,54,150)
```
#0d339d
```
#0d339d rgb(13,51,157)
```
#0730a3
```
#0730a3 rgb(7,48,163)
```
#002daa
```
#002daa rgb(0,45,170)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#30374a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00468a Protanopia 1% of men
#004b78 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

#07408e Protanomaly 1% of men, 0.01% of women
#074383 Deuteranomaly 6% of men, 0.4% of women
#07466c Tritanomaly 0.01% of the population

#143696 hex color

#143696 Color Information

#143696 Color Conversion

Color Schemes with #143696

Alternatives to #143696

#143696 Preview

Shades and Tints of #143696

Tones of #143696

Color Blindness Simulator