colorhexa.com

#143e77 hex color

In a RGB color space, hex #143e77 is composed of 7.8% red, 24.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 47.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 214.5 degrees, a saturation of 71.2% and a lightness of 27.3%. #143e77 color hex could be obtained by blending #287cee with #000000. Closest websafe color is: #003366.

- R 8
- G 24
- B 47
RGB color chart
- C 83
- M 48
- Y 0
- K 53
CMYK color chart

● #143e77 color description : Dark blue.

The hexadecimal color #143e77 has RGB values of R:20, G:62, B:119 and CMYK values of C:0.83, M:0.48, Y:0, K:0.53. Its decimal value is 1326711.

Hex triplet	143e77	`#143e77`
RGB Decimal	20, 62, 119	`rgb(20,62,119)`
RGB Percent	7.8, 24.3, 46.7	`rgb(7.8%,24.3%,46.7%)`
CMYK	83, 48, 0, 53
HSL	214.5°, 71.2, 27.3	`hsl(214.5,71.2%,27.3%)`
HSV (or HSB)	214.5°, 83.2, 46.7
Web Safe	003366	`#003366`

CIE-LAB	26.521, 8.221, -36.699
XYZ	5.34, 4.925, 18.121
xyY	0.188, 0.174, 4.925
CIE-LCH	26.521, 37.608, 282.627
CIE-LUV	26.521, -13.08, -47.06
Hunter-Lab	22.193, 4.112, -32.875
Binary	00010100, 00111110, 01110111

#143e77
```
#143e77 rgb(20,62,119)
```
#774d14
```
#774d14 rgb(119,77,20)
```

Complementary Color

#147077
```
#147077 rgb(20,112,119)
```
#143e77
```
#143e77 rgb(20,62,119)
```
#1c1477
```
#1c1477 rgb(28,20,119)
```

Analogous Color

#707714
```
#707714 rgb(112,119,20)
```
#143e77
```
#143e77 rgb(20,62,119)
```
#771c14
```
#771c14 rgb(119,28,20)
```

Split Complementary Color

#3e7714
```
#3e7714 rgb(62,119,20)
```
#143e77
```
#143e77 rgb(20,62,119)
```
#77143e
```
#77143e rgb(119,20,62)
```

Triadic Color

#091c36
```
#091c36 rgb(9,28,54)
```
#0d274b
```
#0d274b rgb(13,39,75)
```
#103361
```
#103361 rgb(16,51,97)
```
#143e77
```
#143e77 rgb(20,62,119)
```
#18498d
```
#18498d rgb(24,73,141)
```
#1b55a3
```
#1b55a3 rgb(27,85,163)
```
#1f60b8
```
#1f60b8 rgb(31,96,184)
```

Monochromatic Color

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

#145777
```
#145777 rgb(20,87,119)
```
#144f77
```
#144f77 rgb(20,79,119)
```
#144677
```
#144677 rgb(20,70,119)
```
#143e77
```
#143e77 rgb(20,62,119)
```
#143677
```
#143677 rgb(20,54,119)
```
#142e77
```
#142e77 rgb(20,46,119)
```
#142577
```
#142577 rgb(20,37,119)
```

Similar Colors

Text with hexadecimal color #143e77

This text has a font color of #143e77.

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

#143e77 background color

This paragraph has a background color of #143e77.

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

#143e77 border color

This element has a border color of #143e77.

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

CSS codes

.text {color:#143e77;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030a12
```
#030a12 rgb(3,10,18)
```
#061223
```
#061223 rgb(6,18,35)
```
#091b34
```
#091b34 rgb(9,27,52)
```
#0c2445
```
#0c2445 rgb(12,36,69)
```
#0e2d55
```
#0e2d55 rgb(14,45,85)
```
#113566
```
#113566 rgb(17,53,102)
```
#143e77
```
#143e77 rgb(20,62,119)
```
#174788
```
#174788 rgb(23,71,136)
```
#1a4f99
```
#1a4f99 rgb(26,79,153)
```
#1c58a9
```
#1c58a9 rgb(28,88,169)
```
#1f61ba
```
#1f61ba rgb(31,97,186)
```
#226acb
```
#226acb rgb(34,106,203)
```

Shade Color Variation

#2673db
```
#2673db rgb(38,115,219)
```
#377edd
```
#377edd rgb(55,126,221)
```
#4888e0
```
#4888e0 rgb(72,136,224)
```
#5993e3
```
#5993e3 rgb(89,147,227)
```
#699ee6
```
#699ee6 rgb(105,158,230)
```
#7aa9e9
```
#7aa9e9 rgb(122,169,233)
```
#8bb4eb
```
#8bb4eb rgb(139,180,235)
```
#9cbfee
```
#9cbfee rgb(156,191,238)
```
#accaf1
```
#accaf1 rgb(172,202,241)
```
#bdd4f4
```
#bdd4f4 rgb(189,212,244)
```
#cedff7
```
#cedff7 rgb(206,223,247)
```
#dfeafa
```
#dfeafa rgb(223,234,250)
```
#f0f5fc
```
#f0f5fc rgb(240,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #444547 is the less saturated color, while #043c87 is the most saturated one.

#444547
```
#444547 rgb(68,69,71)
```
#3f444c
```
#3f444c rgb(63,68,76)
```
#394452
```
#394452 rgb(57,68,82)
```
#344357
```
#344357 rgb(52,67,87)
```
#2f425c
```
#2f425c rgb(47,66,92)
```
#294162
```
#294162 rgb(41,65,98)
```
#244067
```
#244067 rgb(36,64,103)
```
#1f406c
```
#1f406c rgb(31,64,108)
```
#193f72
```
#193f72 rgb(25,63,114)
```
#143e77
```
#143e77 rgb(20,62,119)
```
#0f3d7c
```
#0f3d7c rgb(15,61,124)
```
#093c82
```
#093c82 rgb(9,60,130)
```
#043c87
```
#043c87 rgb(4,60,135)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#313945 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b467d Protanopia 1% of men
#00497b Deuteranopia 1% of men
#004f54 Tritanopia 0.001% of the population

Trichromacy

#22437a Protanomaly 1% of men, 0.01% of women
#074579 Deuteranomaly 6% of men, 0.4% of women
#074961 Tritanomaly 0.01% of the population