colorhexa.com

#143580 hex color

In a RGB color space, hex #143580 is composed of 7.8% red, 20.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 58.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 221.7 degrees, a saturation of 73% and a lightness of 29%. #143580 color hex could be obtained by blending #286aff with #000001. Closest websafe color is: #003399.

- R 8
- G 21
- B 50
RGB color chart
- C 84
- M 59
- Y 0
- K 50
CMYK color chart

● #143580 color description : Dark blue.

The hexadecimal color #143580 has RGB values of R:20, G:53, B:128 and CMYK values of C:0.84, M:0.59, Y:0, K:0.5. Its decimal value is 1324416.

Hex triplet	143580	`#143580`
RGB Decimal	20, 53, 128	`rgb(20,53,128)`
RGB Percent	7.8, 20.8, 50.2	`rgb(7.8%,20.8%,50.2%)`
CMYK	84, 59, 0, 50
HSL	221.7°, 73, 29	`hsl(221.7,73%,29%)`
HSV (or HSB)	221.7°, 84.4, 50.2
Web Safe	003399	`#003399`

CIE-LAB	24.491, 18.36, -45.658
XYZ	5.457, 4.253, 20.954
xyY	0.178, 0.139, 4.253
CIE-LCH	24.491, 49.211, 291.907
CIE-LUV	24.491, -10.385, -56.866
Hunter-Lab	20.623, 11.143, -45.807
Binary	00010100, 00110101, 10000000

#143580
```
#143580 rgb(20,53,128)
```
#805f14
```
#805f14 rgb(128,95,20)
```

Complementary Color

#146b80
```
#146b80 rgb(20,107,128)
```
#143580
```
#143580 rgb(20,53,128)
```
#291480
```
#291480 rgb(41,20,128)
```

Analogous Color

#6b8014
```
#6b8014 rgb(107,128,20)
```
#143580
```
#143580 rgb(20,53,128)
```
#802914
```
#802914 rgb(128,41,20)
```

Split Complementary Color

#358014
```
#358014 rgb(53,128,20)
```
#143580
```
#143580 rgb(20,53,128)
```
#801435
```
#801435 rgb(128,20,53)
```

Triadic Color

#0a1a3e
```
#0a1a3e rgb(10,26,62)
```
#0d2354
```
#0d2354 rgb(13,35,84)
```
#112c6a
```
#112c6a rgb(17,44,106)
```
#143580
```
#143580 rgb(20,53,128)
```
#173e96
```
#173e96 rgb(23,62,150)
```
#1b47ac
```
#1b47ac rgb(27,71,172)
```
#1e50c2
```
#1e50c2 rgb(30,80,194)
```

Monochromatic Color

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

#145080
```
#145080 rgb(20,80,128)
```
#144780
```
#144780 rgb(20,71,128)
```
#143e80
```
#143e80 rgb(20,62,128)
```
#143580
```
#143580 rgb(20,53,128)
```
#142c80
```
#142c80 rgb(20,44,128)
```
#142380
```
#142380 rgb(20,35,128)
```
#141a80
```
#141a80 rgb(20,26,128)
```

Similar Colors

Text with hexadecimal color #143580

This text has a font color of #143580.

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

#143580 background color

This paragraph has a background color of #143580.

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

#143580 border color

This element has a border color of #143580.

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

CSS codes

.text {color:#143580;}

.background {background-color:#143580;}

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

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

#010409
```
#010409 rgb(1,4,9)
```
#040b1a
```
#040b1a rgb(4,11,26)
```
#07122b
```
#07122b rgb(7,18,43)
```
#09193c
```
#09193c rgb(9,25,60)
```
#0c204d
```
#0c204d rgb(12,32,77)
```
#0f275e
```
#0f275e rgb(15,39,94)
```
#112e6f
```
#112e6f rgb(17,46,111)
```
#143580
```
#143580 rgb(20,53,128)
```
#173c91
```
#173c91 rgb(23,60,145)
```
#1943a2
```
#1943a2 rgb(25,67,162)
```
#1c4ab3
```
#1c4ab3 rgb(28,74,179)
```
#1f51c4
```
#1f51c4 rgb(31,81,196)
```
#2158d5
```
#2158d5 rgb(33,88,213)
```

Shade Color Variation

#2c62de
```
#2c62de rgb(44,98,222)
```
#3d6fe1
```
#3d6fe1 rgb(61,111,225)
```
#4e7be3
```
#4e7be3 rgb(78,123,227)
```
#5f88e6
```
#5f88e6 rgb(95,136,230)
```
#7095e9
```
#7095e9 rgb(112,149,233)
```
#81a1eb
```
#81a1eb rgb(129,161,235)
```
#91aeee
```
#91aeee rgb(145,174,238)
```
#a2baf1
```
#a2baf1 rgb(162,186,241)
```
#b3c7f3
```
#b3c7f3 rgb(179,199,243)
```
#c4d3f6
```
#c4d3f6 rgb(196,211,246)
```
#d5e0f8
```
#d5e0f8 rgb(213,224,248)
```
#e6edfb
```
#e6edfb rgb(230,237,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #47494d is the less saturated color, while #032e91 is the most saturated one.

#47494d
```
#47494d rgb(71,73,77)
```
#424752
```
#424752 rgb(66,71,82)
```
#3c4458
```
#3c4458 rgb(60,68,88)
```
#36425e
```
#36425e rgb(54,66,94)
```
#304064
```
#304064 rgb(48,64,100)
```
#2b3e69
```
#2b3e69 rgb(43,62,105)
```
#253c6f
```
#253c6f rgb(37,60,111)
```
#1f3975
```
#1f3975 rgb(31,57,117)
```
#1a377a
```
#1a377a rgb(26,55,122)
```
#143580
```
#143580 rgb(20,53,128)
```
#0e3386
```
#0e3386 rgb(14,51,134)
```
#09318b
```
#09318b rgb(9,49,139)
```
#032e91
```
#032e91 rgb(3,46,145)
```

Tone Color Variation

Below, you can see how #143580 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
#2e3443 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#004671 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#073d81 Protanomaly 1% of men, 0.01% of women
#073f76 Deuteranomaly 6% of men, 0.4% of women
#074361 Tritanomaly 0.01% of the population