#146cc2 hex color

In a RGB color space, hex #146cc2 is composed of 7.8% red, 42.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 44.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 209.7 degrees, a saturation of 81.3% and a lightness of 42%. #146cc2 color hex could be obtained by blending #28d8ff with #000085. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 42
- B 76
RGB color chart
- C 90
- M 44
- Y 0
- K 24
CMYK color chart

● #146cc2 color description : Strong blue.

The hexadecimal color #146cc2 has RGB values of R:20, G:108, B:194 and CMYK values of C:0.9, M:0.44, Y:0, K:0.24. Its decimal value is 1338562.

Hex triplet	146cc2	`#146cc2`
RGB Decimal	20, 108, 194	`rgb(20,108,194)`
RGB Percent	7.8, 42.4, 76.1	`rgb(7.8%,42.4%,76.1%)`
CMYK	90, 44, 0, 24
HSL	209.7°, 81.3, 42	`hsl(209.7,81.3%,42%)`
HSV (or HSB)	209.7°, 89.7, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.314, 8.217, -51.687
XYZ	15.386, 14.768, 53.075
xyY	0.185, 0.177, 14.768
CIE-LCH	45.314, 52.336, 279.033
CIE-LUV	45.314, -25.019, -78.24
Hunter-Lab	38.429, 4.22, -54.988
Binary	00010100, 01101100, 11000010

#146cc2
```
#146cc2 rgb(20,108,194)
```
#c26a14
```
#c26a14 rgb(194,106,20)
```

Complementary Color

#14c2c1
```
#14c2c1 rgb(20,194,193)
```
#146cc2
```
#146cc2 rgb(20,108,194)
```
#1415c2
```
#1415c2 rgb(20,21,194)
```

Analogous Color

#c2c114
```
#c2c114 rgb(194,193,20)
```
#146cc2
```
#146cc2 rgb(20,108,194)
```
#c21415
```
#c21415 rgb(194,20,21)
```

Split Complementary Color

#6cc214
```
#6cc214 rgb(108,194,20)
```
#146cc2
```
#146cc2 rgb(20,108,194)
```
#c2146c
```
#c2146c rgb(194,20,108)
```

Triadic Color

#14c26a
```
#14c26a rgb(20,194,106)
```
#146cc2
```
#146cc2 rgb(20,108,194)
```
#c2146c
```
#c2146c rgb(194,20,108)
```
#c26a14
```
#c26a14 rgb(194,106,20)
```

Tetradic Color

#0d457d
```
#0d457d rgb(13,69,125)
```
#0f5294
```
#0f5294 rgb(15,82,148)
```
#125fab
```
#125fab rgb(18,95,171)
```
#146cc2
```
#146cc2 rgb(20,108,194)
```
#1679d9
```
#1679d9 rgb(22,121,217)
```
#2186e8
```
#2186e8 rgb(33,134,232)
```
#3892ea
```
#3892ea rgb(56,146,234)
```

Monochromatic Color

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

#1498c2
```
#1498c2 rgb(20,152,194)
```
#1489c2
```
#1489c2 rgb(20,137,194)
```
#147bc2
```
#147bc2 rgb(20,123,194)
```
#146cc2
```
#146cc2 rgb(20,108,194)
```
#145ec2
```
#145ec2 rgb(20,94,194)
```
#144fc2
```
#144fc2 rgb(20,79,194)
```
#1441c2
```
#1441c2 rgb(20,65,194)
```

Similar Colors

Text with hexadecimal color #146cc2

This text has a font color of #146cc2.

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

#146cc2 background color

This paragraph has a background color of #146cc2.

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

#146cc2 border color

This element has a border color of #146cc2.

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

CSS codes

.text {color:#146cc2;}

.background {background-color:#146cc2;}

.border {border:1px solid #146cc2;}

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

#020910
```
#020910 rgb(2,9,16)
```
#041322
```
#041322 rgb(4,19,34)
```
#051d34
```
#051d34 rgb(5,29,52)
```
#072746
```
#072746 rgb(7,39,70)
```
#093157
```
#093157 rgb(9,49,87)
```
#0b3b69
```
#0b3b69 rgb(11,59,105)
```
#0d447b
```
#0d447b rgb(13,68,123)
```
#0f4e8d
```
#0f4e8d rgb(15,78,141)
```
#10589e
```
#10589e rgb(16,88,158)
```
#1262b0
```
#1262b0 rgb(18,98,176)
```
#146cc2
```
#146cc2 rgb(20,108,194)
```
#1676d4
```
#1676d4 rgb(22,118,212)
```
#1880e6
```
#1880e6 rgb(24,128,230)
```

Shade Color Variation

#288ae9
```
#288ae9 rgb(40,138,233)
```
#3a93eb
```
#3a93eb rgb(58,147,235)
```
#4c9ded
```
#4c9ded rgb(76,157,237)
```
#5da7ee
```
#5da7ee rgb(93,167,238)
```
#6fb0f0
```
#6fb0f0 rgb(111,176,240)
```
#81baf2
```
#81baf2 rgb(129,186,242)
```
#93c4f4
```
#93c4f4 rgb(147,196,244)
```
#a4cef6
```
#a4cef6 rgb(164,206,246)
```
#b6d7f8
```
#b6d7f8 rgb(182,215,248)
```
#c8e1f9
```
#c8e1f9 rgb(200,225,249)
```
#daebfb
```
#daebfb rgb(218,235,251)
```
#ecf4fd
```
#ecf4fd rgb(236,244,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666b70 is the less saturated color, while #046cd2 is the most saturated one.

#666b70
```
#666b70 rgb(102,107,112)
```
#5e6b78
```
#5e6b78 rgb(94,107,120)
```
#566b80
```
#566b80 rgb(86,107,128)
```
#4e6b88
```
#4e6b88 rgb(78,107,136)
```
#456b91
```
#456b91 rgb(69,107,145)
```
#3d6c99
```
#3d6c99 rgb(61,108,153)
```
#356ca1
```
#356ca1 rgb(53,108,161)
```
#2d6ca9
```
#2d6ca9 rgb(45,108,169)
```
#246cb2
```
#246cb2 rgb(36,108,178)
```
#1c6cba
```
#1c6cba rgb(28,108,186)
```
#146cc2
```
#146cc2 rgb(20,108,194)
```
#0c6cca
```
#0c6cca rgb(12,108,202)
```
#046cd2
```
#046cd2 rgb(4,108,210)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4d5e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4870c2 Protanopia 1% of men
#0074c2 Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#356ec2 Protanomaly 1% of men, 0.01% of women
#0771c2 Deuteranomaly 6% of men, 0.4% of women
#07779b Tritanomaly 0.01% of the population

#146cc2 hex color

#146cc2 Color Information

#146cc2 Color Conversion

Color Schemes with #146cc2

Alternatives to #146cc2

#146cc2 Preview

Shades and Tints of #146cc2

Tones of #146cc2

Color Blindness Simulator