#143bec hex color

In a RGB color space, hex #143bec is composed of 7.8% red, 23.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 75% magenta, 0% yellow and 7.5% black. It has a hue angle of 229.2 degrees, a saturation of 85% and a lightness of 50.2%. #143bec color hex could be obtained by blending #2876ff with #0000d9. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 8
- G 23
- B 93
RGB color chart
- C 92
- M 75
- Y 0
- K 7
CMYK color chart

● #143bec color description : Vivid blue.

The hexadecimal color #143bec has RGB values of R:20, G:59, B:236 and CMYK values of C:0.92, M:0.75, Y:0, K:0.07. Its decimal value is 1326060.

Hex triplet	143bec	`#143bec`
RGB Decimal	20, 59, 236	`rgb(20,59,236)`
RGB Percent	7.8, 23.1, 92.5	`rgb(7.8%,23.1%,92.5%)`
CMYK	92, 75, 0, 7
HSL	229.2°, 85, 50.2	`hsl(229.2,85%,50.2%)`
HSV (or HSB)	229.2°, 91.5, 92.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.615, 54.868, -89.949
XYZ	16.99, 9.331, 80.258
xyY	0.159, 0.088, 9.331
CIE-LCH	36.615, 105.363, 301.383
CIE-LUV	36.615, -12.84, -122.417
Hunter-Lab	30.547, 45.819, -134.391
Binary	00010100, 00111011, 11101100

#143bec
```
#143bec rgb(20,59,236)
```
#ecc514
```
#ecc514 rgb(236,197,20)
```

Complementary Color

#14a7ec
```
#14a7ec rgb(20,167,236)
```
#143bec
```
#143bec rgb(20,59,236)
```
#5914ec
```
#5914ec rgb(89,20,236)
```

Analogous Color

#a7ec14
```
#a7ec14 rgb(167,236,20)
```
#143bec
```
#143bec rgb(20,59,236)
```
#ec5914
```
#ec5914 rgb(236,89,20)
```

Split Complementary Color

#3bec14
```
#3bec14 rgb(59,236,20)
```
#143bec
```
#143bec rgb(20,59,236)
```
#ec143b
```
#ec143b rgb(236,20,59)
```

Triadic Color

#14ecc5
```
#14ecc5 rgb(20,236,197)
```
#143bec
```
#143bec rgb(20,59,236)
```
#ec143b
```
#ec143b rgb(236,20,59)
```
#ecc514
```
#ecc514 rgb(236,197,20)
```

Tetradic Color

#0d29a6
```
#0d29a6 rgb(13,41,166)
```
#0f2fbe
```
#0f2fbe rgb(15,47,190)
```
#1135d5
```
#1135d5 rgb(17,53,213)
```
#143bec
```
#143bec rgb(20,59,236)
```
#2c4fee
```
#2c4fee rgb(44,79,238)
```
#4362f0
```
#4362f0 rgb(67,98,240)
```
#5b76f2
```
#5b76f2 rgb(91,118,242)
```

Monochromatic Color

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

#1471ec
```
#1471ec rgb(20,113,236)
```
#145fec
```
#145fec rgb(20,95,236)
```
#144dec
```
#144dec rgb(20,77,236)
```
#143bec
```
#143bec rgb(20,59,236)
```
#1429ec
```
#1429ec rgb(20,41,236)
```
#1417ec
```
#1417ec rgb(20,23,236)
```
#2314ec
```
#2314ec rgb(35,20,236)
```

Similar Colors

Text with hexadecimal color #143bec

This text has a font color of #143bec.

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

#143bec background color

This paragraph has a background color of #143bec.

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

#143bec border color

This element has a border color of #143bec.

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

CSS codes

.text {color:#143bec;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020513
```
#020513 rgb(2,5,19)
```
#030925
```
#030925 rgb(3,9,37)
```
#040e37
```
#040e37 rgb(4,14,55)
```
#06124a
```
#06124a rgb(6,18,74)
```
#07175c
```
#07175c rgb(7,23,92)
```
#091b6e
```
#091b6e rgb(9,27,110)
```
#0a2080
```
#0a2080 rgb(10,32,128)
```
#0c2492
```
#0c2492 rgb(12,36,146)
```
#0d29a4
```
#0d29a4 rgb(13,41,164)
```
#0f2db6
```
#0f2db6 rgb(15,45,182)
```
#1031c9
```
#1031c9 rgb(16,49,201)
```
#1236db
```
#1236db rgb(18,54,219)
```

Shade Color Variation

#143bec
```
#143bec rgb(20,59,236)
```
#264aed
```
#264aed rgb(38,74,237)
```
#3859ef
```
#3859ef rgb(56,89,239)
```
#4a68f0
```
#4a68f0 rgb(74,104,240)
```
#5d78f2
```
#5d78f2 rgb(93,120,242)
```
#6f87f3
```
#6f87f3 rgb(111,135,243)
```
#8196f5
```
#8196f5 rgb(129,150,245)
```
#93a5f6
```
#93a5f6 rgb(147,165,246)
```
#a5b4f8
```
#a5b4f8 rgb(165,180,248)
```
#b7c3f9
```
#b7c3f9 rgb(183,195,249)
```
#c9d2fb
```
#c9d2fb rgb(201,210,251)
```
#dce1fc
```
#dce1fc rgb(220,225,252)
```
#eef1fe
```
#eef1fe rgb(238,241,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8081 is the less saturated color, while #0a35f6 is the most saturated one.

#7f8081
```
#7f8081 rgb(127,128,129)
```
#76798a
```
#76798a rgb(118,121,138)
```
#6c7394
```
#6c7394 rgb(108,115,148)
```
#626d9e
```
#626d9e rgb(98,109,158)
```
#5867a8
```
#5867a8 rgb(88,103,168)
```
#4f60b1
```
#4f60b1 rgb(79,96,177)
```
#455abb
```
#455abb rgb(69,90,187)
```
#3b54c5
```
#3b54c5 rgb(59,84,197)
```
#314ecf
```
#314ecf rgb(49,78,207)
```
#2847d8
```
#2847d8 rgb(40,71,216)
```
#1e41e2
```
#1e41e2 rgb(30,65,226)
```
#143bec
```
#143bec rgb(20,59,236)
```
#0a35f6
```
#0a35f6 rgb(10,53,246)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3a4266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686c Tritanopia 0.001% of the population

Trichromacy

#0750c7 Protanomaly 1% of men, 0.01% of women
#0753b8 Deuteranomaly 6% of men, 0.4% of women
#07579b Tritanomaly 0.01% of the population

#143bec hex color

#143bec Color Information

#143bec Color Conversion

Color Schemes with #143bec

Alternatives to #143bec

#143bec Preview

Shades and Tints of #143bec

Tones of #143bec

Color Blindness Simulator