#143a66 hex color

In a RGB color space, hex #143a66 is composed of 7.8% red, 22.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 43.1% magenta, 0% yellow and 60% black. It has a hue angle of 212.2 degrees, a saturation of 67.2% and a lightness of 23.9%. #143a66 color hex could be obtained by blending #2874cc with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 8
- G 23
- B 40
RGB color chart
- C 80
- M 43
- Y 0
- K 60
CMYK color chart

● #143a66 color description : Very dark blue.

The hexadecimal color #143a66 has RGB values of R:20, G:58, B:102 and CMYK values of C:0.8, M:0.43, Y:0, K:0.6. Its decimal value is 1325670.

Hex triplet	143a66	`#143a66`
RGB Decimal	20, 58, 102	`rgb(20,58,102)`
RGB Percent	7.8, 22.7, 40	`rgb(7.8%,22.7%,40%)`
CMYK	80, 43, 0, 60
HSL	212.2°, 67.2, 23.9	`hsl(212.2,67.2%,23.9%)`
HSV (or HSB)	212.2°, 80.4, 40
Web Safe	003366	`#003366`

CIE-LAB	24.109, 3.876, -29.697
XYZ	4.199, 4.134, 13.146
xyY	0.196, 0.192, 4.134
CIE-LCH	24.109, 29.949, 277.435
CIE-LUV	24.109, -12.175, -36.411
Hunter-Lab	20.332, 1.286, -24.104
Binary	00010100, 00111010, 01100110

#143a66
```
#143a66 rgb(20,58,102)
```
#664014
```
#664014 rgb(102,64,20)
```

Complementary Color

#146366
```
#146366 rgb(20,99,102)
```
#143a66
```
#143a66 rgb(20,58,102)
```
#171466
```
#171466 rgb(23,20,102)
```

Analogous Color

#636614
```
#636614 rgb(99,102,20)
```
#143a66
```
#143a66 rgb(20,58,102)
```
#661714
```
#661714 rgb(102,23,20)
```

Split Complementary Color

#3a6614
```
#3a6614 rgb(58,102,20)
```
#143a66
```
#143a66 rgb(20,58,102)
```
#66143a
```
#66143a rgb(102,20,58)
```

Triadic Color

#146640
```
#146640 rgb(20,102,64)
```
#143a66
```
#143a66 rgb(20,58,102)
```
#66143a
```
#66143a rgb(102,20,58)
```
#664014
```
#664014 rgb(102,64,20)
```

Tetradic Color

#071626
```
#071626 rgb(7,22,38)
```
#0c223b
```
#0c223b rgb(12,34,59)
```
#102e51
```
#102e51 rgb(16,46,81)
```
#143a66
```
#143a66 rgb(20,58,102)
```
#18467b
```
#18467b rgb(24,70,123)
```
#1c5291
```
#1c5291 rgb(28,82,145)
```
#215ea6
```
#215ea6 rgb(33,94,166)
```

Monochromatic Color

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

#144f66
```
#144f66 rgb(20,79,102)
```
#144866
```
#144866 rgb(20,72,102)
```
#144166
```
#144166 rgb(20,65,102)
```
#143a66
```
#143a66 rgb(20,58,102)
```
#143366
```
#143366 rgb(20,51,102)
```
#142c66
```
#142c66 rgb(20,44,102)
```
#142666
```
#142666 rgb(20,38,102)
```

Similar Colors

Text with hexadecimal color #143a66

This text has a font color of #143a66.

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

#143a66 background color

This paragraph has a background color of #143a66.

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

#143a66 border color

This element has a border color of #143a66.

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

CSS codes

.text {color:#143a66;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040b14
```
#040b14 rgb(4,11,20)
```
#071524
```
#071524 rgb(7,21,36)
```
#0a1e35
```
#0a1e35 rgb(10,30,53)
```
#0e2745
```
#0e2745 rgb(14,39,69)
```
#113156
```
#113156 rgb(17,49,86)
```
#143a66
```
#143a66 rgb(20,58,102)
```
#174376
```
#174376 rgb(23,67,118)
```
#1a4d87
```
#1a4d87 rgb(26,77,135)
```
#1e5697
```
#1e5697 rgb(30,86,151)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```
#2469b8
```
#2469b8 rgb(36,105,184)
```
#2772c8
```
#2772c8 rgb(39,114,200)
```

Shade Color Variation

#2d7bd6
```
#2d7bd6 rgb(45,123,214)
```
#3e86d9
```
#3e86d9 rgb(62,134,217)
```
#4e90dc
```
#4e90dc rgb(78,144,220)
```
#5f9ae0
```
#5f9ae0 rgb(95,154,224)
```
#6fa5e3
```
#6fa5e3 rgb(111,165,227)
```
#7fafe6
```
#7fafe6 rgb(127,175,230)
```
#90b9e9
```
#90b9e9 rgb(144,185,233)
```
#a0c4ec
```
#a0c4ec rgb(160,196,236)
```
#b1cef0
```
#b1cef0 rgb(177,206,240)
```
#c1d8f3
```
#c1d8f3 rgb(193,216,243)
```
#d1e2f6
```
#d1e2f6 rgb(209,226,246)
```
#e2edf9
```
#e2edf9 rgb(226,237,249)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

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

#3a3d40
```
#3a3d40 rgb(58,61,64)
```
#353c45
```
#353c45 rgb(53,60,69)
```
#303c4a
```
#303c4a rgb(48,60,74)
```
#2b3c4f
```
#2b3c4f rgb(43,60,79)
```
#273b53
```
#273b53 rgb(39,59,83)
```
#223b58
```
#223b58 rgb(34,59,88)
```
#1d3b5d
```
#1d3b5d rgb(29,59,93)
```
#193a61
```
#193a61 rgb(25,58,97)
```
#143a66
```
#143a66 rgb(20,58,102)
```
#0f3a6b
```
#0f3a6b rgb(15,58,107)
```
#0b396f
```
#0b396f rgb(11,57,111)
```
#063974
```
#063974 rgb(6,57,116)
```
#013979
```
#013979 rgb(1,57,121)
```

Tone Color Variation

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

Dichromacy

#30426c Protanopia 1% of men
#1f446d Deuteranopia 1% of men
#004a4f Tritanopia 0.001% of the population

Trichromacy

#263f6a Protanomaly 1% of men, 0.01% of women
#1b406b Deuteranomaly 6% of men, 0.4% of women
#074457 Tritanomaly 0.01% of the population

#143a66 hex color

#143a66 Color Information

#143a66 Color Conversion

Color Schemes with #143a66

Alternatives to #143a66

#143a66 Preview

Shades and Tints of #143a66

Tones of #143a66

Color Blindness Simulator