colorhexa.com

#143f6d hex color

In a RGB color space, hex #143f6d is composed of 7.8% red, 24.7% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 42.2% magenta, 0% yellow and 57.3% black. It has a hue angle of 211 degrees, a saturation of 69% and a lightness of 25.3%. #143f6d color hex could be obtained by blending #287eda with #000000. Closest websafe color is: #003366.

- R 8
- G 25
- B 43
RGB color chart
- C 82
- M 42
- Y 0
- K 57
CMYK color chart

● #143f6d color description : Very dark blue.

The hexadecimal color #143f6d has RGB values of R:20, G:63, B:109 and CMYK values of C:0.82, M:0.42, Y:0, K:0.57. Its decimal value is 1326957.

Hex triplet	143f6d	`#143f6d`
RGB Decimal	20, 63, 109	`rgb(20,63,109)`
RGB Percent	7.8, 24.7, 42.7	`rgb(7.8%,24.7%,42.7%)`
CMYK	82, 42, 0, 57
HSL	211°, 69, 25.3	`hsl(211,69%,25.3%)`
HSV (or HSB)	211°, 81.7, 42.7
Web Safe	003366	`#003366`

CIE-LAB	26.179, 3.338, -30.893
XYZ	4.826, 4.807, 15.141
xyY	0.195, 0.194, 4.807
CIE-LCH	26.179, 31.073, 276.167
CIE-LUV	26.179, -13.643, -39.046
Hunter-Lab	21.926, 0.916, -25.594
Binary	00010100, 00111111, 01101101

#143f6d
```
#143f6d rgb(20,63,109)
```
#6d4214
```
#6d4214 rgb(109,66,20)
```

Complementary Color

#146c6d
```
#146c6d rgb(20,108,109)
```
#143f6d
```
#143f6d rgb(20,63,109)
```
#16146d
```
#16146d rgb(22,20,109)
```

Analogous Color

#6c6d14
```
#6c6d14 rgb(108,109,20)
```
#143f6d
```
#143f6d rgb(20,63,109)
```
#6d1614
```
#6d1614 rgb(109,22,20)
```

Split Complementary Color

#3f6d14
```
#3f6d14 rgb(63,109,20)
```
#143f6d
```
#143f6d rgb(20,63,109)
```
#6d143f
```
#6d143f rgb(109,20,63)
```

Triadic Color

#081a2c
```
#081a2c rgb(8,26,44)
```
#0c2642
```
#0c2642 rgb(12,38,66)
```
#103357
```
#103357 rgb(16,51,87)
```
#143f6d
```
#143f6d rgb(20,63,109)
```
#184b83
```
#184b83 rgb(24,75,131)
```
#1c5898
```
#1c5898 rgb(28,88,152)
```
#2064ae
```
#2064ae rgb(32,100,174)
```

Monochromatic Color

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

#14556d
```
#14556d rgb(20,85,109)
```
#144e6d
```
#144e6d rgb(20,78,109)
```
#14466d
```
#14466d rgb(20,70,109)
```
#143f6d
```
#143f6d rgb(20,63,109)
```
#14386d
```
#14386d rgb(20,56,109)
```
#14306d
```
#14306d rgb(20,48,109)
```
#14296d
```
#14296d rgb(20,41,109)
```

Similar Colors

Text with hexadecimal color #143f6d

This text has a font color of #143f6d.

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

#143f6d background color

This paragraph has a background color of #143f6d.

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

#143f6d border color

This element has a border color of #143f6d.

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

CSS codes

.text {color:#143f6d;}

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

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

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, #02060a is the darkest color, while #f8fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#050f1a
```
#050f1a rgb(5,15,26)
```
#08192b
```
#08192b rgb(8,25,43)
```
#0b223b
```
#0b223b rgb(11,34,59)
```
#0e2c4c
```
#0e2c4c rgb(14,44,76)
```
#11355c
```
#11355c rgb(17,53,92)
```
#143f6d
```
#143f6d rgb(20,63,109)
```
#17497e
```
#17497e rgb(23,73,126)
```
#1a528e
```
#1a528e rgb(26,82,142)
```
#1d5c9f
```
#1d5c9f rgb(29,92,159)
```
#2065af
```
#2065af rgb(32,101,175)
```
#236fc0
```
#236fc0 rgb(35,111,192)
```
#2678d0
```
#2678d0 rgb(38,120,208)
```

Shade Color Variation

#3182d9
```
#3182d9 rgb(49,130,217)
```
#428cdc
```
#428cdc rgb(66,140,220)
```
#5296df
```
#5296df rgb(82,150,223)
```
#63a0e2
```
#63a0e2 rgb(99,160,226)
```
#73aae5
```
#73aae5 rgb(115,170,229)
```
#84b4e8
```
#84b4e8 rgb(132,180,232)
```
#95bfeb
```
#95bfeb rgb(149,191,235)
```
#a5c9ef
```
#a5c9ef rgb(165,201,239)
```
#b6d3f2
```
#b6d3f2 rgb(182,211,242)
```
#c6ddf5
```
#c6ddf5 rgb(198,221,245)
```
#d7e7f8
```
#d7e7f8 rgb(215,231,248)
```
#e7f1fb
```
#e7f1fb rgb(231,241,251)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#3c4045
```
#3c4045 rgb(60,64,69)
```
#37404a
```
#37404a rgb(55,64,74)
```
#32404f
```
#32404f rgb(50,64,79)
```
#2d4054
```
#2d4054 rgb(45,64,84)
```
#284059
```
#284059 rgb(40,64,89)
```
#23405e
```
#23405e rgb(35,64,94)
```
#1e3f63
```
#1e3f63 rgb(30,63,99)
```
#193f68
```
#193f68 rgb(25,63,104)
```
#143f6d
```
#143f6d rgb(20,63,109)
```
#0f3f72
```
#0f3f72 rgb(15,63,114)
```
#0a3f77
```
#0a3f77 rgb(10,63,119)
```
#053e7c
```
#053e7c rgb(5,62,124)
```
#003e81
```
#003e81 rgb(0,62,129)
```

Tone Color Variation

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

Dichromacy

#344672 Protanopia 1% of men
#234874 Deuteranopia 1% of men
#004f54 Tritanopia 0.001% of the population

Trichromacy

#284370 Protanomaly 1% of men, 0.01% of women
#1d4571 Deuteranomaly 6% of men, 0.4% of women
#07495d Tritanomaly 0.01% of the population