#143680 hex color

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

♥
- f
- t
- g
- R 8
- G 21
- B 50
RGB color chart
- C 84
- M 58
- Y 0
- K 50
CMYK color chart

● #143680 color description : Dark blue.

The hexadecimal color #143680 has RGB values of R:20, G:54, B:128 and CMYK values of C:0.84, M:0.58, Y:0, K:0.5. Its decimal value is 1324672.

Hex triplet	143680	`#143680`
RGB Decimal	20, 54, 128	`rgb(20,54,128)`
RGB Percent	7.8, 21.2, 50.2	`rgb(7.8%,21.2%,50.2%)`
CMYK	84, 58, 0, 50
HSL	221.1°, 73, 29	`hsl(221.1,73%,29%)`
HSV (or HSB)	221.1°, 84.4, 50.2
Web Safe	003399	`#003399`

CIE-LAB	24.781, 17.65, -45.185
XYZ	5.503, 4.345, 20.97
xyY	0.179, 0.141, 4.345
CIE-LCH	24.781, 48.51, 291.337
CIE-LUV	24.781, -10.651, -56.57
Hunter-Lab	20.845, 10.645, -45.053
Binary	00010100, 00110110, 10000000

#143680
```
#143680 rgb(20,54,128)
```
#805e14
```
#805e14 rgb(128,94,20)
```

Complementary Color

#146c80
```
#146c80 rgb(20,108,128)
```
#143680
```
#143680 rgb(20,54,128)
```
#281480
```
#281480 rgb(40,20,128)
```

Analogous Color

#6c8014
```
#6c8014 rgb(108,128,20)
```
#143680
```
#143680 rgb(20,54,128)
```
#802814
```
#802814 rgb(128,40,20)
```

Split Complementary Color

#368014
```
#368014 rgb(54,128,20)
```
#143680
```
#143680 rgb(20,54,128)
```
#801436
```
#801436 rgb(128,20,54)
```

Triadic Color

#14805e
```
#14805e rgb(20,128,94)
```
#143680
```
#143680 rgb(20,54,128)
```
#801436
```
#801436 rgb(128,20,54)
```
#805e14
```
#805e14 rgb(128,94,20)
```

Tetradic Color

#0a1a3e
```
#0a1a3e rgb(10,26,62)
```
#0d2354
```
#0d2354 rgb(13,35,84)
```
#112d6a
```
#112d6a rgb(17,45,106)
```
#143680
```
#143680 rgb(20,54,128)
```
#173f96
```
#173f96 rgb(23,63,150)
```
#1b49ac
```
#1b49ac rgb(27,73,172)
```
#1e52c2
```
#1e52c2 rgb(30,82,194)
```

Monochromatic Color

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

#145180
```
#145180 rgb(20,81,128)
```
#144880
```
#144880 rgb(20,72,128)
```
#143f80
```
#143f80 rgb(20,63,128)
```
#143680
```
#143680 rgb(20,54,128)
```
#142d80
```
#142d80 rgb(20,45,128)
```
#142480
```
#142480 rgb(20,36,128)
```
#141b80
```
#141b80 rgb(20,27,128)
```

Similar Colors

Text with hexadecimal color #143680

This text has a font color of #143680.

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

#143680 background color

This paragraph has a background color of #143680.

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

#143680 border color

This element has a border color of #143680.

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

CSS codes

.text {color:#143680;}

.background {background-color:#143680;}

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

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)
```
#0c214d
```
#0c214d rgb(12,33,77)
```
#0f285e
```
#0f285e rgb(15,40,94)
```
#112f6f
```
#112f6f rgb(17,47,111)
```
#143680
```
#143680 rgb(20,54,128)
```
#173d91
```
#173d91 rgb(23,61,145)
```
#1944a2
```
#1944a2 rgb(25,68,162)
```
#1c4bb3
```
#1c4bb3 rgb(28,75,179)
```
#1f53c4
```
#1f53c4 rgb(31,83,196)
```
#215ad5
```
#215ad5 rgb(33,90,213)
```

Shade Color Variation

#2c64de
```
#2c64de rgb(44,100,222)
```
#3d70e1
```
#3d70e1 rgb(61,112,225)
```
#4e7de3
```
#4e7de3 rgb(78,125,227)
```
#5f89e6
```
#5f89e6 rgb(95,137,230)
```
#7096e9
```
#7096e9 rgb(112,150,233)
```
#81a2eb
```
#81a2eb rgb(129,162,235)
```
#91afee
```
#91afee rgb(145,175,238)
```
#a2bbf1
```
#a2bbf1 rgb(162,187,241)
```
#b3c7f3
```
#b3c7f3 rgb(179,199,243)
```
#c4d4f6
```
#c4d4f6 rgb(196,212,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 #033091 is the most saturated one.

#47494d
```
#47494d rgb(71,73,77)
```
#424752
```
#424752 rgb(66,71,82)
```
#3c4558
```
#3c4558 rgb(60,69,88)
```
#36435e
```
#36435e rgb(54,67,94)
```
#304164
```
#304164 rgb(48,65,100)
```
#2b3e69
```
#2b3e69 rgb(43,62,105)
```
#253c6f
```
#253c6f rgb(37,60,111)
```
#1f3a75
```
#1f3a75 rgb(31,58,117)
```
#1a387a
```
#1a387a rgb(26,56,122)
```
#143680
```
#143680 rgb(20,54,128)
```
#0e3486
```
#0e3486 rgb(14,52,134)
```
#09328b
```
#09328b rgb(9,50,139)
```
#033091
```
#033091 rgb(3,48,145)
```

Tone Color Variation

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

#004283 Protanopia 1% of men
#004672 Deuteranopia 1% of men
#004b50 Tritanopia 0.001% of the population

Trichromacy

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

#143680 hex color

#143680 Color Information

#143680 Color Conversion

Color Schemes with #143680

Alternatives to #143680

#143680 Preview

Shades and Tints of #143680

Tones of #143680

Color Blindness Simulator